@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color-scheme:dark;font-family:Space Grotesk,sans-serif;background:#05060c;color:#f8f9ff;font-synthesis:none}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#05060c}body{display:grid;place-items:center;touch-action:none;user-select:none;-webkit-user-select:none}button{border:0;font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}.game-shell{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(circle at 50% 10%,#111a39,#05060c 65%)}.game-frame{position:relative;width:min(100vw,46.21vh);height:min(100vh,216.41vw);aspect-ratio:390 / 844;overflow:hidden;background:#080b17;isolation:isolate}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.hud{position:absolute;z-index:3;inset:0;padding:max(28px,env(safe-area-inset-top)) 22px 22px;pointer-events:none;opacity:0;transition:opacity .24s ease}.hud.is-visible{opacity:1}.hud-stat{position:absolute;top:max(28px,env(safe-area-inset-top));left:22px;display:grid;gap:2px}.hud-stat-right{right:74px;left:auto;text-align:right}.hud-label,.eyebrow,.menu-record span,.final-score span,.result-grid span,.unlock-spark,.menu-footer,.streak-pill,.speed-pill{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.hud-label{color:#8189ae}.hud-stat strong{font-family:Barlow Condensed,sans-serif;font-size:31px;line-height:.9;letter-spacing:.05em}.hud-bottom{position:absolute;top:98px;left:22px;right:22px;display:flex;flex-direction:column;gap:8px}.hud-pills{display:flex;justify-content:space-between}.streak-pill,.speed-pill{padding:6px 9px;border:1px solid rgba(138,151,212,.25);border-radius:5px;color:#9da8d4;background:#080b178a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:10px;font-weight:700;letter-spacing:.14em}.streak-pill.hot{color:#ffcc65;border-color:#ffcc6599;box-shadow:0 0 10px #ffcc654d}.speed-pill{color:#71e9d2;border-color:#71e9d259}.fever-gauge-wrap{position:relative;width:100%;height:7px;background:#0b0f20b3;border:1px solid rgba(138,151,212,.28);border-radius:4px;overflow:hidden;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.fever-gauge-fill{width:0%;height:100%;background:linear-gradient(90deg,#71e9d2,#ffcc65);transition:width .12s ease;border-radius:3px}.fever-gauge-wrap.is-fever{border-color:#ff6eb4b3;box-shadow:0 0 12px #ff6eb480}.fever-gauge-wrap.is-fever .fever-gauge-fill{background:linear-gradient(90deg,#ff6eb4,#ffe778,#71e9d2,#8e83ff);background-size:200% 100%;animation:feverRainbow 1.2s linear infinite}@keyframes feverRainbow{0%{background-position:0% 50%}to{background-position:200% 50%}}.fever-gauge-text{position:absolute;right:6px;top:-15px;font-size:8px;font-weight:800;letter-spacing:.15em;color:#a2a9c6;text-transform:uppercase}.fever-gauge-wrap.is-fever .fever-gauge-text{color:#ff6eb4;font-weight:900;animation:feverPulse .45s ease-in-out infinite alternate}@keyframes feverPulse{0%{transform:scale(1);text-shadow:0 0 4px #ff6eb4}to{transform:scale(1.1);text-shadow:0 0 10px #ff6eb4,0 0 18px #ffcc65}}.icon-button{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(160,175,231,.28);border-radius:50%;background:#070a157a;color:#dbe2ff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.icon-button:hover,.icon-button:focus-visible{border-color:#71e9d2;background:#71e9d226;outline:none;transform:scale(1.05)}.pause-button{position:absolute;top:max(25px,env(safe-area-inset-top));right:22px;font-size:15px;letter-spacing:-.16em;padding-right:4px;pointer-events:auto}.screen{position:absolute;z-index:2;inset:0;display:grid;place-items:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease}.screen.is-visible{opacity:1;visibility:visible;pointer-events:auto}.menu-screen{align-items:stretch;background:linear-gradient(180deg,#0507110d 10%,#05071180)}.menu-content{align-self:center;width:calc(100% - 52px);text-align:center;transform:translateY(-26px)}.eyebrow{color:#71e9d2}.menu-content h1{margin:12px 0 8px;font-family:Barlow Condensed,sans-serif;font-size:clamp(62px,17vw,89px);font-weight:900;line-height:.78;letter-spacing:-.07em}.menu-content h1 span{color:#f8f9ff}.menu-content h1 b{color:#ffcc65;font-weight:900}.menu-content h1 em{color:#71e9d2;font-style:normal}.tagline{margin:0 0 30px;color:#a2a9c6;font-size:13px}.primary-button,.secondary-button{width:100%;min-height:60px;border-radius:7px;transition:transform .16s ease,filter .16s ease,background .16s ease}.primary-button{display:grid;place-items:center;padding:10px 18px;background:#71e9d2;color:#071016;box-shadow:0 12px 30px #49dbc02e}.primary-button span{font-family:Barlow Condensed,sans-serif;font-size:24px;font-weight:800;letter-spacing:.1em;line-height:.9}.primary-button small{margin-top:5px;font-size:10px;font-weight:700;letter-spacing:.12em;opacity:.7}.primary-button:hover,.primary-button:focus-visible{filter:brightness(1.08);transform:translateY(-2px);outline:none}.primary-button.compact{min-height:54px}.primary-button.compact span{font-size:20px}.secondary-button{min-height:48px;border:1px solid rgba(160,175,231,.25);background:#a0afe714;color:#dbe2ff;font-size:11px;font-weight:700;letter-spacing:.15em}.secondary-button:hover,.secondary-button:focus-visible{background:#a0afe72b;outline:none}button:disabled{cursor:default;opacity:.55}.menu-record{display:flex;align-items:baseline;justify-content:center;gap:10px;margin:25px 0 29px;color:#858eaf}.menu-record strong{font-family:Barlow Condensed,sans-serif;font-size:25px;color:#f8f9ff;letter-spacing:.06em}.control-guide{display:flex;align-items:center;justify-content:center;gap:20px;color:#b6bfdf}.guide-item{display:flex;align-items:center;gap:8px;text-align:left}.guide-item span:last-child{display:grid;gap:2px}.guide-item b{font-size:11px;color:#f1f3ff}.guide-item small{color:#7c86aa;font-size:10px}.guide-icon{width:29px;height:29px;display:grid;place-items:center;border:1px solid rgba(113,233,210,.45);border-radius:5px;color:#71e9d2;font-size:19px}.guide-divider{width:1px;height:26px;background:#a0afe733}.text-button{margin-top:32px;padding:8px 10px;background:transparent;color:#a9b2d4;font-size:11px;font-weight:700;letter-spacing:.16em}.text-button span{color:#71e9d2}.text-button:hover,.text-button:focus-visible{color:#fff;outline:none}.menu-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:32px}.menu-tools .text-button{margin-top:0}.menu-footer{position:absolute;right:22px;bottom:max(18px,env(safe-area-inset-bottom));left:22px;display:flex;justify-content:space-between;color:#a4aecf7a}.countdown-screen{align-content:center;padding-bottom:70px;background:#06081214}.countdown-label{margin-bottom:-14px;color:#71e9d2;font-size:11px;font-weight:700;letter-spacing:.24em}.countdown-screen strong{font-family:Barlow Condensed,sans-serif;font-size:126px;line-height:1;color:#f8f9ff}.gameover-screen,.pause-screen{background:#0507119e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.gameover-content,.pause-card{width:calc(100% - 52px);text-align:center}.gameover-content h2,.pause-card h2{margin:10px 0 23px;font-family:Barlow Condensed,sans-serif;font-size:39px;line-height:.9;letter-spacing:.03em}.final-score{display:grid;gap:2px;padding:18px 0 16px;border-top:1px solid rgba(160,175,231,.18);border-bottom:1px solid rgba(160,175,231,.18)}.final-score span,.result-grid span{color:#858eaf}.final-score strong{font-family:Barlow Condensed,sans-serif;font-size:62px;line-height:.9;letter-spacing:.04em}.result-grid{display:grid;grid-template-columns:1fr 1fr;margin:16px 0 20px}.result-grid div+div{border-left:1px solid rgba(160,175,231,.18)}.result-grid div{display:grid;gap:5px}.result-grid b{font-family:Barlow Condensed,sans-serif;font-size:25px}.unlock-card{display:grid;gap:4px;margin:0 0 20px;padding:12px;border:1px solid rgba(255,204,101,.4);border-radius:6px;background:linear-gradient(100deg,#ffcc6521,#ffcc650a)}.unlock-card.hidden{display:none}.unlock-spark{color:#ffcc65}.unlock-card strong{font-family:Barlow Condensed,sans-serif;font-size:25px;line-height:.9;letter-spacing:.08em}.unlock-card small{color:#aeb6d3;font-size:10px}.result-actions{display:grid;gap:9px}.pause-card{padding:27px 24px 24px;border:1px solid rgba(160,175,231,.25);border-radius:9px;background:#0b0f20e6;box-shadow:0 22px 60px #0000004d}.pause-card h2{margin-bottom:27px}.pause-card .secondary-button{margin-top:9px}.toast{position:absolute;z-index:5;top:132px;left:50%;padding:9px 13px;border:1px solid rgba(113,233,210,.38);border-radius:4px;background:#080d1ae0;color:#71e9d2;font-size:10px;font-weight:700;letter-spacing:.12em;opacity:0;pointer-events:none;transform:translate(-50%,-8px);transition:opacity .18s ease,transform .18s ease}.toast.is-visible{opacity:1;transform:translate(-50%)}.modal-backdrop{position:fixed;z-index:10;touch-action:auto;inset:0;display:grid;place-items:center;padding:20px;background:#030409b8;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}.modal-backdrop.is-visible{opacity:1;visibility:visible;pointer-events:auto}.collection-modal{width:min(430px,100%);touch-action:pan-y;max-height:min(720px,90vh);overflow:auto;padding:22px;border:1px solid rgba(160,175,231,.25);border-radius:10px;background:#0c1124;box-shadow:0 30px 80px #00000073}.modal-header{display:flex;align-items:flex-start;justify-content:space-between}.modal-header h2{margin:8px 0 0;font-family:Barlow Condensed,sans-serif;font-size:38px;line-height:.8;letter-spacing:.05em}.close-button{width:32px;height:32px;font-size:24px;font-weight:300}.modal-copy{margin:20px 0 15px;color:#939dbd;font-size:12px}.collection-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.collection-item{min-height:135px;display:grid;align-content:space-between;padding:12px;border:1px solid rgba(160,175,231,.18);border-radius:7px;background:#a0afe70b}.collection-item.is-equipped{border-color:#71e9d299;background:#71e9d214}.collection-item.is-locked{opacity:.55}.item-preview{width:44px;height:44px;display:grid;place-items:center;margin-bottom:8px;border-radius:8px;background:var(--item-color, #71e9d2);color:#061018;font-family:Barlow Condensed,sans-serif;font-size:24px;font-weight:900}.collection-item h3{margin:0;font-family:Barlow Condensed,sans-serif;font-size:18px;letter-spacing:.05em}.item-role-header{display:flex;align-items:baseline;justify-content:space-between;gap:4px;margin-bottom:2px}.item-role-name{font-size:10px;font-weight:700;color:#939dbd}.collection-item p{min-height:24px;margin:2px 0 6px;color:#8c96b6;font-size:10px;line-height:1.3}.item-tag{display:inline-block;padding:2px 5px;margin-bottom:8px;font-size:8px;font-weight:700;letter-spacing:.05em;color:var(--item-color, #71e9d2);background:#71e9d214;border:1px solid rgba(160,175,231,.25);border-radius:3px}.item-action{min-height:28px;padding:5px 7px;border:1px solid rgba(160,175,231,.2);border-radius:4px;background:transparent;color:#b8c2e2;font-size:9px;font-weight:700;letter-spacing:.1em}.item-action:hover,.item-action:focus-visible{border-color:#71e9d2;outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.icon-button:focus-visible,.primary-button:focus-visible,.secondary-button:focus-visible,.text-button:focus-visible,.item-action:focus-visible,#game-canvas:focus-visible{outline:2px solid #71e9d2;outline-offset:3px}@media(max-height:680px){.menu-content{transform:translateY(-8px) scale(.9)}.hud-bottom{top:88px}}@media(max-width:340px){.menu-content,.gameover-content,.pause-card{width:calc(100% - 38px)}.control-guide{gap:10px}.guide-item b,.guide-item small{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}