*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--bg,#090b22);color:#fff;font-family:Arial,Helvetica,sans-serif}body{touch-action:none;user-select:none}.fp-shell{position:relative;width:100%;height:100%;min-height:280px;overflow:hidden;background:radial-gradient(circle at 50% 38%,var(--glow,#24215f),transparent 58%),var(--bg,#090b22)}.game-area{position:absolute;inset:58px 8px 8px;display:grid;place-items:center;overflow:hidden}.game-area canvas{display:block;width:100%;height:100%;touch-action:none}.fp-hud{position:absolute;z-index:4;inset:7px 7px auto;display:flex;align-items:flex-start;justify-content:space-between;gap:6px;pointer-events:none}.stat-group,.action-group{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.stat{margin:0;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:7px 10px;background:rgba(3,6,20,.78);color:#9eabc7;font-size:8px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;backdrop-filter:blur(8px)}.stat strong{margin-left:3px;color:var(--accent,#67e8f9);font-size:11px}.action-group{justify-content:flex-end;pointer-events:auto}.icon-button{min-height:34px;border:1px solid rgba(255,255,255,.16);border-radius:11px;padding:7px 10px;background:rgba(3,6,20,.82);color:#e8edf8;font:inherit;font-size:9px;font-weight:900;cursor:pointer;transition:transform .14s ease,background .14s ease}.icon-button:hover{background:#fff;color:#101426;transform:translateY(-1px)}button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent,#67e8f9);outline-offset:3px}.toast{position:absolute;z-index:6;top:18%;left:50%;width:92%;margin:0;transform:translateX(-50%) translateY(5px);color:#fff;font-size:clamp(20px,5vw,42px);font-weight:1000;letter-spacing:-.035em;text-align:center;text-shadow:0 4px 24px #02040f;opacity:0;pointer-events:none;transition:.18s ease}.toast.visible{opacity:1;transform:translateX(-50%)}.fp-overlay{position:absolute;inset:0;z-index:10;display:grid;place-items:center;padding:18px;background:rgba(3,5,18,.76);backdrop-filter:blur(8px);transition:opacity .18s ease}.fp-overlay.hidden{visibility:hidden;opacity:0;pointer-events:none}.fp-panel{width:min(540px,100%);max-height:96%;overflow:auto;border:1px solid rgba(255,255,255,.16);border-radius:26px;padding:clamp(20px,5vw,38px);background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--accent,#67e8f9) 15%,transparent),transparent 42%),linear-gradient(145deg,rgba(29,35,77,.98),rgba(13,17,43,.98));box-shadow:0 30px 100px rgba(0,0,0,.56);text-align:center}.kicker{margin:0;color:var(--accent,#67e8f9);font-size:9px;font-weight:1000;letter-spacing:.2em;text-transform:uppercase}.fp-panel h1{margin:9px 0 0;font-size:clamp(32px,8vw,62px);line-height:.94;letter-spacing:-.055em;text-transform:uppercase}.fp-copy{margin:14px auto 0;max-width:430px;color:#c7cee0;font-size:13px;line-height:1.55}.primary-button{margin-top:19px;border:0;border-radius:999px;padding:12px 23px;background:var(--accent,#67e8f9);color:#101426;font:inherit;font-size:12px;font-weight:1000;cursor:pointer;box-shadow:0 12px 34px color-mix(in srgb,var(--accent,#67e8f9) 22%,transparent);transition:.14s ease}.primary-button:hover{background:#fff;transform:translateY(-2px)}.instructions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:18px}.instructions p{display:grid;gap:3px;margin:0;border:1px solid rgba(255,255,255,.09);border-radius:11px;padding:8px;background:rgba(255,255,255,.035);font-size:9px}.instructions strong{text-transform:uppercase}.instructions span{color:#99a5c1}.sub-actions{display:flex;justify-content:center;gap:7px;margin-top:10px}.secondary-button{border:1px solid rgba(255,255,255,.17);border-radius:999px;padding:9px 15px;background:transparent;color:#d9dfed;font:inherit;font-size:10px;font-weight:900;cursor:pointer}.secondary-button:hover{background:rgba(255,255,255,.1)}.hidden{display:none!important}
@media(max-width:620px),(max-height:440px){.game-area{inset:49px 4px 4px}.fp-hud{inset:4px}.stat{padding:5px 7px;font-size:7px}.stat strong{font-size:9px}.icon-button{min-height:29px;padding:5px 7px;font-size:8px}.fp-panel{padding:17px 19px}.instructions{margin-top:11px}.primary-button{margin-top:12px}}
@media(max-height:350px){.fp-copy{margin-top:7px;font-size:11px}.instructions{display:none}.primary-button{padding-block:9px}.fp-panel h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}