.field-root{position:fixed;inset:0;background:#0a0d12;color:#eef2f6;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;outline:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;overflow:hidden}.field-root canvas{display:block}.field-cross{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none;z-index:5}.field-cross span{position:absolute;left:0;top:0;width:2px;height:10px;background:rgba(255,255,255,.92);box-shadow:0 0 2px rgba(0,0,0,.8);transition:transform .06s linear}.field-cross span.h{width:10px;height:2px}.field-cross.is-aim span{opacity:.7}.field-hitmarker{position:absolute;left:-9px;top:-9px;width:18px;height:18px}.field-hitmarker:after,.field-hitmarker:before{content:"";position:absolute;left:50%;top:0;width:2px;height:100%;background:#fff;transform:translateX(-50%) rotate(45deg)}.field-hitmarker:after{transform:translateX(-50%) rotate(-45deg)}.field-hitmarker.is-kill:after,.field-hitmarker.is-kill:before{background:#ef4444;width:3px}.field-hud-top{position:absolute;top:14px;left:50%;transform:translateX(-50%);z-index:5;display:flex;gap:16px;align-items:center;padding:6px 14px;background:rgba(8,11,15,.6);border:1px solid rgba(255,255,255,.12);font-size:13px;font-weight:600}.field-hud-hp b{color:#4ade80}.field-mute{font-size:11px;padding:2px 8px;border:1px solid rgba(255,255,255,.2)}.field-hud-weapons{position:absolute;left:16px;bottom:16px;z-index:5;display:grid;gap:4px}.field-slot{display:flex;align-items:center;gap:8px;padding:4px 10px;font-size:12px;background:rgba(8,11,15,.5);border-left:3px solid transparent;color:rgba(255,255,255,.6)}.field-slot.is-active{border-left-color:#facc15;color:#fff;background:rgba(8,11,15,.8)}.field-slot-key{font-weight:800;color:#facc15}.field-hud-ammo{position:absolute;right:20px;bottom:18px;z-index:5;text-align:right;text-shadow:0 2px 6px rgba(0,0,0,.7)}.field-ammo b{font-size:44px;font-weight:800;font-variant-numeric:tabular-nums}.field-ammo span{margin-left:6px;font-size:18px;color:rgba(255,255,255,.7)}.field-weapon-name{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#facc15}.field-reload{position:relative;margin-top:6px;width:180px;height:6px;margin-left:auto;background:rgba(255,255,255,.15)}.field-reload span{display:block;height:100%;background:#facc15}.field-reload em{position:absolute;right:0;top:8px;font-size:11px;font-style:normal;color:#fde68a}.field-empty{margin-top:6px;font-size:13px;font-weight:700;color:#fca5a5}.field-overlay{position:absolute;inset:0;z-index:10;display:grid;place-items:center;background:radial-gradient(ellipse at center,rgba(8,11,15,.55),rgba(8,11,15,.85))}.field-card{width:min(520px,calc(100vw - 32px));padding:24px;background:rgba(14,19,26,.92);border:1px solid rgba(255,255,255,.12);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}.field-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:#facc15}.field-title{margin-top:4px;font-size:40px;font-weight:800;text-transform:uppercase;line-height:1}.field-sub{margin-top:10px;font-size:14px;line-height:1.55;color:#b8c2cc}.field-play{margin-top:18px;width:100%;padding:14px;background:linear-gradient(180deg,#fde047,#f59e0b);color:#1a1406;font-size:22px;font-weight:800;text-transform:uppercase;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%)}.field-play:hover{filter:brightness(1.08)}.field-keys{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;font-size:12px;color:#b8c2cc}.field-keys kbd{display:inline-block;min-width:22px;margin-right:6px;padding:1px 6px;border:1px solid rgba(255,255,255,.25);font-size:11px;font-family:inherit;color:#fff;text-align:center}.field-exit{margin-top:16px;font-size:13px;color:#9aa6b2}.field-exit:hover{color:#facc15}.field-root :focus-visible{outline:2px solid #facc15;outline-offset:3px}.field-loading{position:absolute;inset:0;z-index:20;display:grid;place-content:center;gap:10px;background:#0a0d12;color:#9aa6b2;font-size:14px;text-align:center}.field-loading span{display:block;width:240px;height:4px;background:rgba(255,255,255,.1)}.field-loading i{display:block;height:100%;background:#facc15}.field-root.is-playing{cursor:none}.field-nolock{position:absolute;left:50%;top:56px;transform:translateX(-50%);z-index:6;padding:4px 12px;font-size:12px;color:#fde68a;background:rgba(8,11,15,.7);pointer-events:none}