@import "https://fonts.googleapis.com/css2?family=Inter:wght@500;700;900&family=JetBrains+Mono:wght@500;700&display=swap";*{box-sizing:border-box}html,body,#root{color:#eafff5;background:#020306;width:100%;height:100%;margin:0;font-family:Inter,system-ui,sans-serif;overflow:hidden}button{font:inherit}.game-shell{cursor:crosshair;-webkit-user-select:none;user-select:none;background:#020306;position:fixed;inset:0}.game-shell canvas{display:block}.hud{pointer-events:none;color:#eafff5;text-shadow:0 0 18px #8ae7b73d;position:fixed;inset:0}.hud button{pointer-events:auto}.hud__top,.hud__left,.hud__right,.hud__bottom{z-index:10;position:absolute}.hud__top{grid-template-columns:minmax(210px,1fr) auto minmax(280px,1fr);align-items:start;gap:16px;display:grid;top:18px;left:18px;right:18px}.brand-panel,.wallet-panel,.status-strip,.readout,.hud-list,.weapon-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg,#040c10c7,#04080c75);border:1px solid #8ae7b738;box-shadow:inset 0 0 0 1px #ffffff09,0 18px 55px #00000052}.brand-panel{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%);gap:12px;width:fit-content;min-width:250px;padding:12px 14px;display:flex}.brand-panel__mark{color:#07130e;background:#8ae7b7;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 0 28px #8ae7b78c}.brand-panel__name{letter-spacing:0;font-size:23px;font-weight:900;line-height:1}.brand-panel__sub,.readout span,.hud-list h2,.weapon-panel i,.eligibility{color:#d1ffe8ad;letter-spacing:0;font-family:JetBrains Mono,monospace;font-size:10px}.status-strip{justify-content:center;justify-self:center;align-items:center;gap:10px;min-width:250px;padding:11px 16px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:800;display:flex}.status-dot{background:#ffbf47;border-radius:999px;width:9px;height:9px;box-shadow:0 0 18px #ffbf47cc}.status-dot--ranked{background:#8ae7b7;box-shadow:0 0 18px #8ae7b7e6}.wallet-panel{justify-self:end;align-items:center;gap:10px;min-height:46px;padding:8px 10px;font-family:JetBrains Mono,monospace;font-size:12px;display:flex}.hud-button,.icon-button{color:#06100b;cursor:pointer;background:#8ae7b7;border:1px solid #8ae7b780;height:30px;padding:0 12px;font-weight:900}.hud-button--ghost,.icon-button{color:#dfffee;background:#8ae7b714}.icon-button{place-items:center;width:32px;padding:0;display:grid}.hud__left{gap:10px;width:min(360px,100vw - 36px);display:grid;top:105px;left:18px}.readout{min-width:0;padding:10px 12px}.readout strong{margin-top:3px;font-family:JetBrains Mono,monospace;font-size:16px;display:block}.readout--large strong{color:#8ae7b7;font-size:42px;line-height:1}.readout-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.eligibility{background:#00000047;border-left:2px solid #8ae7b7;padding:10px 12px}.eligibility__error{color:#ff8da1;margin-top:6px}.hud__right{gap:10px;width:min(318px,100vw - 36px);display:grid;top:105px;right:18px}.hud-list{padding:12px}.hud-list h2{align-items:center;gap:7px;margin:0 0 9px;display:flex}.leader-row,.feed-row{border-top:1px solid #8ae7b714;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;height:28px;font-family:JetBrains Mono,monospace;font-size:12px;display:grid}.leader-row span,.feed-row span{color:#8ae7b7;font-weight:900}.leader-row strong,.feed-row strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.leader-row em,.feed-row em{color:#ffd166;font-style:normal}.hud__bottom{width:min(720px,100vw - 36px);bottom:24px;left:50%;transform:translate(-50%)}.weapon-panel{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;height:50px;padding:0 18px;font-family:JetBrains Mono,monospace;font-weight:900;display:grid}.weapon-panel i{font-style:normal}.scope{pointer-events:none;filter:drop-shadow(0 0 12px #8ae7b78c);width:128px;height:128px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.scope__ring{border:1px solid #8ae7b7e0;border-radius:999px;position:absolute;inset:36px}.scope__line{background:#8ae7b7c2;position:absolute}.scope__line--h{height:1px;top:50%;left:0;right:0}.scope__line--v{width:1px;top:0;bottom:0;left:50%}.scope__dot{background:#ff375f;border-radius:999px;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 16px #ff375fe6}.scope--armed{filter:drop-shadow(0 0 16px #8ae7b7b8);width:154px;height:154px}.scope--armed .scope__ring{border-color:#8ae7b7f5;box-shadow:0 0 0 1px #8ae7b724,inset 0 0 28px #8ae7b752}.booth-popover{color:#eafff5;text-align:center;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);background:linear-gradient(135deg,#0f0c04e6,#03090ad1);border:1px solid #ffbf47b3;width:190px;padding:10px 12px;font-family:JetBrains Mono,monospace;box-shadow:0 0 26px #ffbf473d,0 10px 34px #00000059}.booth-popover strong,.booth-popover span{display:block}.booth-popover strong{color:#ffd166;font-size:12px}.booth-popover span{color:#eafff5c2;margin-top:5px;font-size:10px}.range-guidance{z-index:8;place-items:center;width:min(680px,100vw - 36px);display:grid;position:fixed;bottom:90px;left:50%;transform:translate(-50%)}.range-guidance__pill{color:#dfffee;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#03080a9e;border:1px solid #8ae7b73d;align-items:center;gap:10px;min-height:34px;padding:8px 14px;font:800 11px JetBrains Mono,monospace;display:flex;box-shadow:0 0 24px #0006}.range-guidance__pill b{color:#8ae7b7}.range-guidance__pill span{color:#dfffee9e}.range-guidance__pill--hot{border-color:#ffbf47b3;box-shadow:0 0 28px #ffbf472e,inset 0 0 0 1px #ffbf471a}.range-guidance__pill--hot b,.range-guidance__pill--hot span{color:#ffd166}.range-guidance__pill--armed{background:#030e0bb8;border-color:#8ae7b7b8;box-shadow:0 0 34px #8ae7b738,inset 0 0 0 1px #8ae7b71f}.hit-marker{z-index:30;pointer-events:none;text-align:center;font-family:JetBrains Mono,monospace;animation:.95s ease-out forwards hit-float;position:fixed;transform:translate(-50%,-50%)}.hit-marker strong{color:#8ae7b7;text-shadow:0 0 24px #8ae7b7d9;font-size:30px;display:block}.hit-marker span{color:#fff;font-size:12px;display:block}.dev-banner{z-index:50;color:#ffd166;background:#100a0299;border:1px solid #ffd16652;max-width:calc(100vw - 40px);padding:8px 12px;font:700 11px JetBrains Mono,monospace;position:fixed;top:76px;left:50%;transform:translate(-50%)}.welcome-modal{z-index:90;pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(circle at 50% 42%,#8ae7b724,#0000 34%),#010306c7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.welcome-modal__panel{color:#eafff5;text-align:center;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%);background:linear-gradient(145deg,#040e0ff0,#02060ae6);border:1px solid #8ae7b757;width:min(480px,100vw - 36px);padding:30px;box-shadow:inset 0 0 0 1px #ffffff0a,0 28px 90px #00000094,0 0 46px #8ae7b729}.welcome-modal__mark{color:#06100b;background:#8ae7b7;place-items:center;width:68px;height:68px;margin:0 auto 18px;display:grid;box-shadow:0 0 34px #8ae7b79e}.welcome-modal__eyebrow{color:#8ae7b7c7;font:900 11px JetBrains Mono,monospace}.welcome-modal h1{letter-spacing:0;margin:8px 0 10px;font-size:clamp(36px,7vw,58px);line-height:.95}.welcome-modal p{color:#eafff5b8;max-width:360px;margin:0 auto 24px;font:700 13px/1.55 JetBrains Mono,monospace}.welcome-modal__actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.welcome-modal__primary,.welcome-modal__secondary{cursor:pointer;border:1px solid #8ae7b780;justify-content:center;align-items:center;gap:9px;min-height:48px;font:900 12px JetBrains Mono,monospace;display:inline-flex}.welcome-modal__primary{color:#06100b;background:#8ae7b7;box-shadow:0 0 24px #8ae7b73d}.welcome-modal__primary:disabled{cursor:wait;opacity:.72}.welcome-modal__secondary{color:#dfffee;background:#8ae7b714}.welcome-modal__error{color:#ff8da1;margin-top:14px;font:800 11px JetBrains Mono,monospace}@keyframes hit-float{0%{opacity:0;transform:translate(-50%,-28%)scale(.72)}18%{opacity:1}to{opacity:0;transform:translate(-50%,-145%)scale(1.18)}}@media (width<=900px){.hud__top{grid-template-columns:1fr;gap:8px}.status-strip,.wallet-panel,.brand-panel{justify-self:stretch;width:100%;min-width:0}.hud__left{top:auto;bottom:82px}.hud__right{display:none}.readout--large strong{font-size:31px}.weapon-panel{grid-template-columns:auto 1fr;height:auto;min-height:48px}.weapon-panel i{display:none}.dev-banner{top:156px}.welcome-modal__panel{padding:24px 18px}.welcome-modal__actions{grid-template-columns:1fr}}