@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,600;0,9..40,700;1,9..40,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@700;800&display=swap";:root{color:#e2e8f0;background:#070b14;font-family:DM Sans,system-ui,sans-serif;line-height:1.5;--bg: #070b14;--surface: #111827;--surface-2: #1f2937;--border: #334155;--player: #38bdf8;--ai: #a855f7;--accent: #0284c7;--text-muted: #94a3b8;--radius: 14px;--shadow: 0 10px 40px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;overscroll-behavior:none;overscroll-behavior-y:none}html.game-no-overscroll,html.game-no-overscroll body{overscroll-behavior:none;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none}html.game-no-overscroll #root{height:100%;overflow:hidden;overscroll-behavior:none}body{background:radial-gradient(circle at top left,rgba(56,189,248,.08),transparent 30%),radial-gradient(circle at top right,rgba(168,85,247,.08),transparent 28%),var(--bg)}a{color:var(--player);text-decoration:none}.screen{min-height:100vh;min-height:100dvh;padding:1rem;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));padding-bottom:max(1rem,env(safe-area-inset-bottom));width:100%;max-width:100%}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.spinner{width:40px;height:40px;border:3px solid rgba(148,163,184,.25);border-top-color:var(--player);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.75rem 1.25rem;border-radius:12px;border:1px solid var(--border);background:var(--surface-2);color:inherit;cursor:pointer;font:inherit;font-weight:600}.btn-primary{background:linear-gradient(135deg,#0284c7,#0369a1);border-color:transparent;box-shadow:0 8px 24px #0284c759}.splash-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.75rem;min-height:100vh;min-height:100dvh}.menu-screen{position:relative;height:100dvh;max-height:100dvh;width:100%;overflow:hidden;padding:max(.55rem,env(safe-area-inset-top)) max(.85rem,env(safe-area-inset-right)) max(.55rem,env(safe-area-inset-bottom)) max(.85rem,env(safe-area-inset-left));display:grid;grid-template-rows:auto auto auto clamp(1.25rem,12dvh,8rem) auto auto;align-content:start;gap:clamp(.25rem,.9dvh,.65rem);background:linear-gradient(rgba(56,189,248,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.04) 1px,transparent 1px),radial-gradient(circle at 18% 12%,rgba(56,189,248,.14),transparent 42%),radial-gradient(circle at 82% 22%,rgba(168,85,247,.1),transparent 38%),radial-gradient(circle at 50% 100%,rgba(2,132,199,.12),transparent 45%),#060a14;background-size:28px 28px,28px 28px,auto,auto,auto,auto;color:#e2e8f0}.menu-top-bar{grid-row:1;display:flex;justify-content:space-between;align-items:center}.menu-icon-btn{position:relative;width:clamp(2rem,5.2dvh,2.55rem);height:clamp(2rem,5.2dvh,2.55rem);border-radius:50%;border:1.5px solid rgba(56,189,248,.52);background:radial-gradient(circle at 35% 28%,rgba(56,189,248,.14),transparent 58%),#081020d6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:inline-flex;align-items:center;justify-content:center;color:#7dd3fc;text-decoration:none;cursor:pointer;padding:0;box-shadow:0 0 18px #38bdf838,inset 0 1px #ffffff12;transition:border-color .15s ease,box-shadow .15s ease,color .15s ease,transform .12s ease}.menu-icon-btn:active{transform:scale(.94);box-shadow:0 0 12px #38bdf82e,inset 0 1px #ffffff0d}.menu-icon-btn:focus-visible{outline:2px solid rgba(56,189,248,.65);outline-offset:2px}.menu-icon-svg{width:54%;height:54%;filter:drop-shadow(0 0 5px rgba(56,189,248,.5))}.menu-title-block{grid-row:2;text-align:center;padding:0 .25rem;margin-top:clamp(.75rem,3.2dvh,1.5rem)}.menu-title-brackets{position:relative;display:inline-block;padding:clamp(.35rem,1.2vh,.65rem) clamp(1rem,4vw,1.75rem)}.menu-bracket{position:absolute;width:clamp(.85rem,3vh,1.15rem);height:clamp(.85rem,3vh,1.15rem);border-color:#38bdf8;border-style:solid;filter:drop-shadow(0 0 6px rgba(56,189,248,.65))}.menu-bracket-tl{top:0;left:0;border-width:2px 0 0 2px}.menu-bracket-tr{top:0;right:0;border-width:2px 2px 0 0}.menu-bracket-bl{bottom:0;left:0;border-width:0 0 2px 2px}.menu-bracket-br{bottom:0;right:0;border-width:0 2px 2px 0}.menu-title{margin:0;font-family:Orbitron,DM Sans,system-ui,sans-serif;line-height:1.05;letter-spacing:.06em}.menu-title-line{display:block;font-size:clamp(1.15rem,4.8dvh,2.15rem);font-weight:800}.menu-title-square{background:linear-gradient(180deg,#f8fafc,#94a3b8);-webkit-background-clip:text;background-clip:text;color:transparent}.menu-title-packing{background:linear-gradient(180deg,#fde047,#ca8a04);-webkit-background-clip:text;background-clip:text;color:transparent}.menu-tagline-row{display:flex;align-items:center;gap:.5rem;margin-top:clamp(.25rem,.8vh,.45rem)}.menu-tagline-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(56,189,248,.55),transparent)}.menu-tagline{margin:0;font-size:clamp(.58rem,1.6dvh,.78rem);letter-spacing:.1em;text-transform:uppercase;color:#94a3b8;white-space:nowrap;max-width:100%}.menu-preview-wrap{grid-row:3;display:flex;align-items:center;justify-content:center;margin-top:clamp(.35rem,1.2dvh,.75rem);padding:clamp(.55rem,1.8dvh,1rem) 0;min-height:0;overflow:visible}@keyframes menu-preview-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes menu-preview-glow-pulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes menu-preview-scan{0%{top:-45%;opacity:0}15%{opacity:.55}85%{opacity:.55}to{top:105%;opacity:0}}.menu-preview-frame{position:relative;width:min(68vw,calc(100dvh - 21rem),260px);max-height:min(calc(100dvh - 21rem),260px);aspect-ratio:1;border-radius:clamp(12px,2.4vh,18px);padding:2.5px;background:linear-gradient(145deg,#7dd3fcf2,#38bdf88c 35%,#0ea5e9bf 65%,#7dd3fce6);box-shadow:0 0 12px #38bdf859,0 0 24px #38bdf829,inset 0 0 12px #ffffff14;animation:menu-preview-float 4.8s ease-in-out infinite;will-change:transform}.menu-preview-glow{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:inherit;background:radial-gradient(ellipse 95% 95% at 50% 50%,rgba(56,189,248,.18) 0%,rgba(56,189,248,.07) 38%,transparent 62%);pointer-events:none;z-index:0;animation:menu-preview-glow-pulse 3.6s ease-in-out infinite}.menu-preview-inner{position:relative;z-index:1;width:100%;height:100%;border-radius:calc(clamp(12px,2.4vh,18px) - 2.5px);overflow:hidden;background:#06101f;box-shadow:inset 0 0 28px #0000008c,inset 0 0 18px #38bdf80f}.menu-preview-inner:after{content:"";position:absolute;left:0;right:0;height:42%;background:linear-gradient(180deg,transparent 0%,rgba(56,189,248,.07) 48%,transparent 100%);pointer-events:none;animation:menu-preview-scan 4.2s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.menu-preview-frame,.menu-preview-glow,.menu-preview-inner:after,.menu-preview-square{animation:none}}.menu-preview-svg{width:100%;height:100%;display:block}.menu-preview-pieces{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.menu-preview-square{position:absolute;aspect-ratio:1;border-radius:3px;border:1px solid rgba(255,255,255,.35);box-shadow:0 2px 5px #0006;transform-origin:center center}.menu-preview-square:after{content:"";position:absolute;top:12%;right:12%;bottom:12%;left:12%;border-radius:2px;border:1px solid rgba(255,255,255,.12)}.menu-preview-square-purple{left:14%;top:19%;width:34%;background:linear-gradient(135deg,#c084fc,#7e22ce);animation:menu-square-purple 11s ease-in-out infinite}.menu-preview-square-green{left:59%;top:14%;width:29%;background:linear-gradient(135deg,#86efac,#15803d);animation:menu-square-green 10s ease-in-out 1.4s infinite}.menu-preview-square-blue{left:11%;top:56%;width:36%;background:linear-gradient(135deg,#7dd3fc,#0369a1);animation:menu-square-blue 12s ease-in-out .8s infinite}.menu-preview-square-red{left:44%;top:44%;width:30%;background:linear-gradient(135deg,#fca5a5,#dc2626);animation:menu-square-red 9.5s ease-in-out 2.1s infinite}.menu-preview-square-gold{left:66%;top:66%;width:26%;background:linear-gradient(135deg,#fde047,#ca8a04);animation:menu-square-gold 10.5s ease-in-out 1.7s infinite}@keyframes menu-square-purple{0%,to{transform:rotate(-8deg) translate(0)}50%{transform:rotate(-6.4deg) translate(2%,-1.5%)}}@keyframes menu-square-green{0%,to{transform:rotate(12deg) translate(0)}50%{transform:rotate(10.6deg) translate(-1.5%,2%)}}@keyframes menu-square-blue{0%,to{transform:rotate(6deg) translate(0)}50%{transform:rotate(7.5deg) translate(1.5%,1.5%)}}@keyframes menu-square-red{0%,to{transform:rotate(-14deg) translate(0)}50%{transform:rotate(-15.3deg) translate(-1.2%,-1.2%)}}@keyframes menu-square-gold{0%,to{transform:rotate(18deg) translate(0)}50%{transform:rotate(16.5deg) translate(-1.5%,1.5%)}}.menu-primary-actions{grid-row:5;display:flex;justify-content:center;padding:0 clamp(.5rem,3vw,1rem)}.menu-play-btn{width:100%;max-width:min(92vw,360px);min-height:clamp(2.35rem,6dvh,3.35rem);border-radius:999px;border:none;background:linear-gradient(180deg,#38bdf8,#0284c7 55%,#0369a1);color:#fff;font-family:Orbitron,DM Sans,system-ui,sans-serif;font-weight:800;font-size:clamp(.88rem,2.4dvh,1.15rem);letter-spacing:.14em;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;box-shadow:0 0 28px #38bdf873,0 6px 20px #0284c759;transition:transform .12s ease,box-shadow .12s ease}.menu-play-btn:active{transform:scale(.98)}.menu-play-icon{font-size:.85em}.menu-secondary-nav{grid-row:6;display:flex;flex-direction:column;gap:clamp(.25rem,.8dvh,.5rem);padding:0 clamp(.5rem,3vw,1rem) clamp(.65rem,2.5dvh,1.75rem);width:100%;max-width:min(92vw,360px);margin:0 auto;min-width:0}.menu-secondary-btn{min-height:clamp(2rem,5dvh,2.65rem);border-radius:clamp(8px,1.5dvh,12px);border:1.5px solid rgba(56,189,248,.35);background:#081020d1;color:#e2e8f0;font-family:Orbitron,DM Sans,system-ui,sans-serif;font-size:clamp(.62rem,1.7dvh,.82rem);font-weight:700;letter-spacing:.08em;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:.45rem;cursor:pointer;padding:0 .5rem;box-shadow:inset 0 0 12px #38bdf80a;min-width:0;width:100%}.menu-secondary-btn-disabled{opacity:.45;cursor:not-allowed}.menu-daily-label-short{display:none}.menu-secondary-icon{width:clamp(.85rem,2.2dvh,1.15rem);height:clamp(.85rem,2.2dvh,1.15rem);flex-shrink:0}.menu-icon-levels{background:linear-gradient(#a855f7 0,#a855f7 0) 0 0 / 45% 45% no-repeat,linear-gradient(#a855f7 0,#a855f7 0) 55% 0 / 45% 45% no-repeat,linear-gradient(#a855f7 0,#a855f7 0) 0 55% / 45% 45% no-repeat,linear-gradient(#a855f7 0,#a855f7 0) 55% 55% / 45% 45% no-repeat}.menu-icon-daily{border-radius:3px;border:2px solid #fbbf24;position:relative}.menu-icon-daily:after{content:"★";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.55rem;color:#fbbf24}.menu-icon-settings{border:2px solid #94a3b8;border-radius:50%}.menu-icon-exit{color:#94a3b8}@media (max-height: 667px){.menu-screen{padding-top:max(.4rem,env(safe-area-inset-top));padding-bottom:max(.4rem,env(safe-area-inset-bottom));gap:clamp(.15rem,.6dvh,.35rem);grid-template-rows:auto auto auto clamp(1rem,9dvh,3rem) auto auto;overflow-y:auto;overscroll-behavior:contain}.menu-title-block{margin-top:clamp(.85rem,3.5dvh,1.25rem)}.menu-preview-wrap{margin-top:clamp(.55rem,2dvh,.9rem);padding:clamp(.45rem,1.5dvh,.85rem) 0}.menu-icon-btn{width:1.9rem;height:1.9rem}.menu-title-brackets{padding:.2rem .65rem}.menu-title-line{font-size:clamp(1.05rem,4.2dvh,1.55rem)}.menu-tagline-row{margin-top:.12rem;gap:.3rem}.menu-tagline{font-size:clamp(.52rem,1.45dvh,.65rem);letter-spacing:.06em}.menu-preview-frame{width:min(66vw,calc(100dvh - 19.5rem),200px);max-height:min(calc(100dvh - 19.5rem),200px)}.menu-preview-glow{top:-8px;right:-8px;bottom:-8px;left:-8px}.menu-play-btn{min-height:2.15rem;font-size:.86rem}.menu-secondary-nav{gap:.22rem;margin-top:clamp(.25rem,1.2dvh,.5rem);padding-bottom:clamp(.75rem,3dvh,1.25rem)}.menu-secondary-btn{min-height:1.95rem;font-size:clamp(.56rem,1.55dvh,.64rem);letter-spacing:.045em;gap:.35rem}.menu-secondary-icon{width:.82rem;height:.82rem}}@media (max-height: 580px){.menu-screen{grid-template-rows:auto auto auto clamp(.85rem,7dvh,2.25rem) auto auto}.menu-title-block{margin-top:clamp(.7rem,3dvh,1rem)}.menu-preview-wrap{margin-top:clamp(.5rem,1.6dvh,.75rem)}.menu-title-line{font-size:clamp(.98rem,3.8dvh,1.35rem)}.menu-preview-frame{width:min(64vw,calc(100dvh - 18.5rem),175px);max-height:min(calc(100dvh - 18.5rem),175px)}.menu-play-btn{min-height:2rem;font-size:.82rem}.menu-secondary-btn{min-height:1.85rem;font-size:.54rem}.menu-secondary-nav{margin-top:clamp(.2rem,1dvh,.4rem);padding-bottom:clamp(.65rem,2.5dvh,1rem)}}@media (max-width: 390px){.menu-screen{padding-left:max(.5rem,env(safe-area-inset-left));padding-right:max(.5rem,env(safe-area-inset-right));grid-template-rows:auto auto auto clamp(1.1rem,10dvh,3.25rem) auto auto}.menu-title-block{margin-top:clamp(.9rem,3.8dvh,1.35rem)}.menu-preview-wrap{margin-top:clamp(.7rem,2.4dvh,1.05rem)}.menu-primary-actions{margin-top:clamp(.15rem,.8dvh,.35rem)}.menu-secondary-nav{margin-top:clamp(.35rem,1.6dvh,.65rem);padding-bottom:clamp(.85rem,3.5dvh,1.35rem)}.menu-title-brackets{padding-left:.5rem;padding-right:.5rem}.menu-tagline{font-size:clamp(.48rem,2.6vw,.58rem);letter-spacing:.05em;white-space:nowrap}.menu-tagline-row{gap:.25rem}.menu-secondary-btn{letter-spacing:.035em;padding:0 .3rem;font-size:clamp(.5rem,2.5vw,.58rem)}.menu-play-btn,.menu-secondary-nav{max-width:100%}.menu-daily-label-full{display:none}.menu-daily-label-short{display:inline}}@media (max-width: 390px) and (max-height: 667px){.menu-preview-frame{width:min(62vw,calc(100dvh - 18rem),165px);max-height:min(calc(100dvh - 18rem),165px)}.menu-screen{grid-template-rows:auto auto auto clamp(1rem,8.5dvh,2.75rem) auto auto}}.logo-mark{font-size:3.5rem;color:var(--player);filter:drop-shadow(0 0 24px rgba(56,189,248,.45))}.card{padding:1rem 1.1rem;border-radius:var(--radius);background:#111827d9;border:1px solid var(--border);box-shadow:var(--shadow)}.card-disabled{opacity:.45;pointer-events:none}.screen-shell{position:relative;z-index:1;width:100%;max-width:min(100%,390px);margin:0 auto;padding:max(.75rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(.85rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}.screen-back-btn{display:inline-flex;align-items:center;gap:.5rem;margin-left:-.65rem;color:#38bdf8;font-size:clamp(.88rem,2.3dvh,1rem);font-weight:600;text-decoration:none}.screen-back-icon{width:clamp(2.1rem,5.8dvh,2.45rem);height:clamp(2.1rem,5.8dvh,2.45rem);border-radius:50%;border:1.5px solid rgba(56,189,248,.5);background:#060e1cb8;display:inline-flex;align-items:center;justify-content:center;color:#e2e8f0;box-shadow:0 0 16px #38bdf833}.screen-back-icon svg{width:50%;height:50%}.levels-screen{position:relative;min-height:100dvh;overflow-x:hidden;background:linear-gradient(rgba(56,189,248,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.035) 1px,transparent 1px),radial-gradient(circle at 88% 8%,rgba(56,189,248,.12),transparent 36%),radial-gradient(circle at 50% 100%,rgba(2,132,199,.1),transparent 42%),#060a14;background-size:28px 28px,28px 28px,auto,auto,auto;color:#e2e8f0}.levels-shell{min-height:100dvh}.levels-decor{position:absolute;top:max(.5rem,env(safe-area-inset-top));right:max(.85rem,env(safe-area-inset-right));width:clamp(3.5rem,14vw,5rem);height:clamp(3.5rem,14vw,5rem);pointer-events:none}.levels-decor-sq{position:absolute;border-radius:2px;border:1px solid rgba(125,211,252,.45);background:#38bdf82e;box-shadow:0 0 10px #38bdf840}.levels-decor-sq-1{width:42%;height:42%;top:8%;left:10%;transform:rotate(-8deg)}.levels-decor-sq-2{width:34%;height:34%;top:0;right:8%;transform:rotate(12deg);opacity:.85}.levels-decor-sq-3{width:28%;height:28%;bottom:18%;left:0;transform:rotate(6deg);opacity:.7}.levels-decor-sq-4{width:36%;height:36%;bottom:0;right:0;transform:rotate(-14deg);opacity:.9}.levels-header,.prematch-header{position:relative;z-index:1}.levels-header{margin-bottom:clamp(1rem,3dvh,1.5rem)}.levels-header .screen-back-btn,.prematch-header .screen-back-btn{margin-bottom:clamp(.65rem,2dvh,1rem)}.levels-title{margin:0;font-family:Orbitron,DM Sans,system-ui,sans-serif;font-size:clamp(1.65rem,6dvh,2.35rem);font-weight:800;letter-spacing:.04em;color:#f8fafc}.levels-list{position:relative;z-index:1;display:flex;flex-direction:column;gap:clamp(.65rem,2dvh,.9rem);max-width:min(100%,420px)}.levels-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(.65rem,2vw,.85rem);padding:clamp(.65rem,2dvh,.85rem);border-radius:clamp(12px,2dvh,16px);border:1.5px solid rgba(56,189,248,.18);background:#0a1426e0;color:inherit;text-decoration:none;box-shadow:inset 0 0 16px #38bdf808;transition:border-color .15s ease,box-shadow .15s ease}.levels-card-current{border-color:#38bdf8bf;box-shadow:0 0 22px #38bdf847,inset 0 0 18px #38bdf80f}.levels-card-locked{opacity:.55;pointer-events:none}.levels-card-body{min-width:0}.levels-card-title{margin:0;font-family:Orbitron,DM Sans,system-ui,sans-serif;font-size:clamp(.92rem,2.6dvh,1.08rem);font-weight:700;letter-spacing:.03em;color:#f1f5f9}.levels-card-meta{margin:.2rem 0 0;font-size:clamp(.72rem,2dvh,.82rem);color:#38bdf8;letter-spacing:.04em}.levels-medal{display:inline-flex;align-items:center;gap:.3rem;margin-top:.4rem;padding:.15rem .55rem .15rem .4rem;border-radius:999px;border:1px solid rgba(251,191,36,.55);background:#fbbf2414;font-size:clamp(.62rem,1.8dvh,.72rem);font-weight:700;letter-spacing:.06em;color:#fde68a;text-transform:capitalize}.levels-medal-silver{border-color:#cbd5e18c;background:#cbd5e114;color:#e2e8f0}.levels-medal-bronze{border-color:#d977068c;background:#d9770614;color:#fdba74}.levels-medal-icon{font-size:.85em;line-height:1}.levels-card-action{display:flex;align-items:center;justify-content:center;padding-right:.15rem}.levels-play-btn{width:clamp(2.25rem,6.5dvh,2.65rem);height:clamp(2.25rem,6.5dvh,2.65rem);border-radius:50%;background:linear-gradient(180deg,#38bdf8,#0284c7);color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 18px #38bdf873}.levels-play-btn svg{width:62%;height:62%;margin-left:3px}.levels-status-ring{width:clamp(1.65rem,4.5dvh,1.9rem);height:clamp(1.65rem,4.5dvh,1.9rem);border-radius:50%;border:2px dotted rgba(148,163,184,.45)}.level-preview-icon{width:clamp(3.6rem,11vw,4.25rem);height:clamp(4.2rem,13vw,5rem);border-radius:clamp(8px,1.5dvh,10px);background:#060e1cf2;border:1px solid rgba(56,189,248,.2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.35rem .25rem .45rem;flex-shrink:0}.level-preview-icon-active{border-color:#38bdf88c;box-shadow:0 0 14px #38bdf840}.level-preview-num{font-family:Orbitron,DM Sans,system-ui,sans-serif;font-size:clamp(1.15rem,3.5dvh,1.45rem);font-weight:800;line-height:1;color:#64748b}.level-preview-icon-active .level-preview-num{color:#38bdf8;text-shadow:0 0 12px rgba(56,189,248,.55)}.level-preview-pieces{display:grid;gap:2px}.level-preview-pieces-5{grid-template-columns:repeat(3,1fr);width:clamp(1.65rem,5vw,2rem)}.level-preview-pieces-10{grid-template-columns:repeat(5,1fr);width:clamp(1.85rem,5.5vw,2.15rem);gap:1px}.level-preview-pieces-15{grid-template-columns:repeat(5,1fr);width:clamp(1.95rem,6vw,2.25rem);gap:1px}.level-preview-pieces span{aspect-ratio:1;border-radius:1px;background:#38bdf88c;border:1px solid rgba(125,211,252,.35);box-shadow:0 0 4px #38bdf833}.level-preview-pieces-5 span:nth-child(4){grid-column:2}.level-preview-pieces-5 span:nth-child(5){grid-column:2}.level-preview-pieces-10 span,.level-preview-pieces-15 span{border-width:.75px}.level-preview-icon-active .level-preview-pieces span{background:#38bdf8d9;box-shadow:0 0 6px #38bdf873}@media (max-width: 390px){.levels-card{gap:.55rem;padding:.6rem}.level-preview-icon{width:3.35rem;height:4rem}}.level-grid{display:grid;gap:.85rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.level-card{padding:1rem;border-radius:var(--radius);background:#111827e6;border:1px solid var(--border);color:inherit;transition:transform .15s ease,border-color .15s ease}.level-card:hover:not(.locked){transform:translateY(-2px);border-color:var(--player)}.level-card.locked{opacity:.45;pointer-events:none}.level-number{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.level-title{font-weight:700;font-size:1.1rem;margin-top:.25rem}.level-meta{color:var(--text-muted);font-size:.9rem;margin-top:.35rem}.game-screen{display:flex;flex-direction:column;height:100dvh;width:100%;max-width:min(100%,430px);margin:0 auto;overflow:hidden;overscroll-behavior:none;touch-action:manipulation;background:radial-gradient(circle at 50% 8%,rgba(56,189,248,.12),transparent 40%),radial-gradient(circle at 78% 88%,rgba(124,58,237,.08),transparent 36%),#020617}.game-hud{flex-shrink:0;padding:max(.55rem,env(safe-area-inset-top)) max(.8rem,env(safe-area-inset-right)) .4rem max(.8rem,env(safe-area-inset-left))}.game-hud-card{padding:.6rem .75rem .7rem;border-radius:16px;border:1px solid rgba(56,189,248,.2);background:#081022d9;box-shadow:inset 0 0 24px #38bdf80a;transition:border-color .25s ease,box-shadow .25s ease,background .25s ease}.game-hud-card-urgent{border-color:#f871718c;background:#2a0a12e6;box-shadow:inset 0 0 24px #f8717114,0 0 18px #f871711f;animation:hud-urgent-pulse 1.15s ease-in-out infinite}@keyframes hud-urgent-pulse{0%,to{border-color:#f871718c;box-shadow:inset 0 0 24px #f8717114,0 0 18px #f871711f}50%{border-color:#f87171d9;box-shadow:inset 0 0 28px #f8717124,0 0 28px #f8717147}}.game-hud-urgent .game-hud-kicker{color:#fca5a5}.game-hud-value-urgent{color:#f87171!important;text-shadow:0 0 14px rgba(248,113,113,.45);animation:hud-value-alert 1s ease-in-out infinite}@keyframes hud-value-alert{0%,to{color:#f87171;text-shadow:0 0 14px rgba(248,113,113,.45)}50%{color:#fca5a5;text-shadow:0 0 22px rgba(248,113,113,.75)}}.game-hud-urgent .game-race-track{background:#f871711f}.game-hud-urgent .game-race-fill-you{background:linear-gradient(90deg,#ef4444,#f87171)}.game-hud-top{display:flex;align-items:center;justify-content:space-between;gap:.55rem}.game-hud-stat{display:flex;flex-direction:column;gap:.08rem;min-width:3.2rem}.game-hud-stat-end{align-items:flex-end;text-align:right}.game-hud-kicker{font-size:.58rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#94a3b8}.game-hud-value{font-size:clamp(1.15rem,3.6dvh,1.35rem);font-weight:700;font-variant-numeric:tabular-nums;color:#f8fafc;line-height:1.05}.game-hud-center-status{margin:0;text-align:center;font-size:clamp(.72rem,2.2dvh,.86rem);font-weight:600;color:#e2e8f0;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-hud-right{display:inline-flex;align-items:center;gap:.45rem}.game-hud-pause{width:clamp(2.1rem,5.6dvh,2.45rem);height:clamp(2.1rem,5.6dvh,2.45rem);border-radius:50%;border:1.5px solid rgba(56,189,248,.6);background:#060e1ce6;color:#bae6fd;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;box-shadow:0 0 14px #38bdf859,inset 0 0 10px #38bdf81f}.game-hud-pause svg{width:44%;height:44%}.game-race{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem;margin-top:.6rem}.game-race-name{font-size:.56rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#7dd3fc}.game-race-count{font-size:.8rem;font-weight:800;color:#e2f4ff;font-variant-numeric:tabular-nums}.game-race-count-total{color:#64748b;font-weight:700}.game-race-track{position:relative;height:.5rem;border-radius:999px;background:#0f172af2;border:1px solid rgba(51,65,85,.7);overflow:hidden}.game-race-fill{position:absolute;top:0;left:0;height:100%;transition:width .25s ease}.game-race-fill-you{background:linear-gradient(90deg,#0284c7,#38bdf8 70%,#7dd3fc);box-shadow:0 0 12px #38bdf88c}.game-insight-card{position:relative;margin-top:.6rem;border-radius:16px;border:1px solid rgba(56,189,248,.22);background:#081022e0;box-shadow:0 0 24px #38bdf814,inset 0 0 24px #7c3aed0d;overflow:visible}.game-insight-body{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.75rem;align-items:center;padding:.85rem .85rem .55rem}.game-insight-hex{width:3rem;height:3.25rem;display:inline-flex;filter:drop-shadow(0 0 14px rgba(168,85,247,.65)) drop-shadow(0 0 6px rgba(34,211,238,.35))}.game-insight-hex svg,.game-insight-hex-img{width:100%;height:100%;object-fit:contain;display:block}.game-insight-copy{min-width:0;padding-right:.15rem}.game-insight-title{margin:0;font-size:clamp(.95rem,2.7dvh,1.1rem);font-weight:700;color:#f8fafc}.game-insight-caption{margin:.2rem 0 .5rem;font-size:clamp(.66rem,1.95dvh,.76rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-insight-caption-main{color:#e9d5ff;font-weight:700}.game-insight-caption-dot{color:#7c6ba8}.game-insight-caption-sub{color:#9d8fc4}.game-insight-segments{display:flex;gap:.16rem}.game-insight-seg{flex:1;height:.4rem;border-radius:2px;background:#334155bf}.game-insight-seg-on{background:linear-gradient(180deg,#c084fc,#7c3aed);box-shadow:0 0 8px #a855f773}.game-insight-gauge{position:relative;width:2.85rem;height:2.85rem;flex-shrink:0}.game-insight-gauge svg{width:100%;height:100%;transform:rotate(-90deg)}.game-insight-gauge-track{fill:none;stroke:#334155d9;stroke-width:3.5}.game-insight-gauge-arc{fill:none;stroke:#a855f7;stroke-width:3.5;stroke-linecap:round;filter:drop-shadow(0 0 4px rgba(168,85,247,.65));transition:stroke-dashoffset .25s ease}.game-insight-gauge-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.66rem;font-weight:800;color:#f8fafc}.game-insight-footer{position:relative;display:flex;align-items:center;gap:.6rem;padding:.35rem .85rem .85rem}.game-insight-peek{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .85rem;border-radius:999px;border:1.5px solid rgba(56,189,248,.8);background:#081426bf;color:#7dd3fc;font-size:.78rem;font-weight:700;cursor:pointer;box-shadow:0 0 14px #38bdf859,inset 0 0 10px #38bdf81a}.game-insight-peek svg{width:1.05rem;height:1.05rem}.game-insight-peek-highlight{animation:peek-highlight-pulse 1.4s ease-in-out infinite;border-color:#c084fcf2;color:#e9d5ff;box-shadow:0 0 22px #a855f7a6,0 0 36px #38bdf859,inset 0 0 12px #a855f733}.game-insight-peek-disabled,.game-insight-peek:disabled{opacity:.45;cursor:not-allowed;border-color:#64748b73;color:#94a3b8;box-shadow:none}.game-insight-peek-count{font-size:.68rem;font-weight:800;opacity:.85}@keyframes peek-highlight-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.game-insight-time-banner{position:absolute;left:.75rem;right:.5rem;bottom:calc(100% + .35rem);z-index:5;pointer-events:none;display:flex;flex-direction:column;align-items:flex-start;animation:insight-banner-in .35s ease-out}.game-insight-time-banner-text{display:block;padding:.45rem .7rem;border-radius:12px;background:linear-gradient(135deg,#4c1d95eb,#1e3a8ae0);border:1.5px solid rgba(192,132,252,.55);box-shadow:0 0 18px #7c3aed73,0 8px 24px #00000059;color:#f5f3ff;font-size:.72rem;font-weight:700;line-height:1.35;letter-spacing:.01em;text-shadow:0 0 12px rgba(196,181,253,.45)}.game-insight-time-banner-arrow{align-self:flex-start;margin-left:.55rem;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:8px solid rgba(124,58,237,.92);filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}@keyframes insight-banner-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.game-insight-alert{display:flex;align-items:center;gap:.4rem;margin-left:auto;padding:.28rem .6rem;border-radius:999px;background:linear-gradient(90deg,#5b21b68c,#7c3aed59);border:1px solid rgba(192,132,252,.35);font-size:.66rem;font-weight:600;color:#ede9fe}.game-insight-alert-icon{flex-shrink:0}.game-pause-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#030712e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1rem}.game-pause-card{width:min(100%,320px);padding:1.25rem;border-radius:18px;border:1px solid rgba(56,189,248,.28);background:#081020f2;box-shadow:0 0 32px #38bdf81f;display:flex;flex-direction:column;gap:.65rem}.game-pause-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.15rem}.game-pause-toolbar h2{margin:0;text-align:left;font-size:1.35rem}.game-pause-music-toggle{width:2.35rem;height:2.35rem;border-radius:50%;border:1.5px solid rgba(56,189,248,.55);background:#060e1ce6;color:#bae6fd;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;flex-shrink:0;box-shadow:0 0 14px #38bdf840,inset 0 0 10px #38bdf81a}.game-pause-music-toggle svg{width:52%;height:52%}.game-pause-music-toggle:active{transform:scale(.94)}.game-pause-card h2{margin:0 0 .25rem;text-align:center;font-size:1.35rem}.game-main{flex:1;min-height:0;display:flex;padding:0 max(.8rem,env(safe-area-inset-right)) max(.55rem,env(safe-area-inset-bottom)) max(.8rem,env(safe-area-inset-left))}.game-play{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.game-board-shell{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:.5rem 0 .2rem}.game-board-frame{position:relative;width:min(100%,52dvh,400px);aspect-ratio:1;max-height:min(52dvh,400px);margin-inline:auto;flex-shrink:0}.game-board-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none;display:block;background:transparent}.game-tray{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.35rem 0 .25rem}.game-tray-label{margin:0;font-size:.62rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:#7c8db5}.game-tray-chevrons{display:flex;flex-direction:column;align-items:center;gap:.02rem;color:#7dd3fc;animation:tray-bounce 1.6s ease-in-out infinite}.game-tray-chevrons svg{width:1.05rem;height:.5rem}.game-tray-chevrons svg:first-child{opacity:.45}.game-tray-chevrons svg:last-child{opacity:.9}@keyframes tray-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.game-tray-slot{position:relative;width:clamp(3.3rem,10dvh,4.1rem);aspect-ratio:1;display:flex;align-items:center;justify-content:center;touch-action:none;cursor:grab;-webkit-tap-highlight-color:transparent;overflow:visible}.game-tray-slot:after{content:"";position:absolute;bottom:-.45rem;left:50%;transform:translate(-50%);width:135%;height:.85rem;border-radius:50%;background:radial-gradient(ellipse at center,rgba(251,146,60,.55),transparent 70%);filter:blur(2px);z-index:0;transition:opacity .2s ease}.game-tray-slot-empty{cursor:default}.game-tray-slot-empty:after{opacity:0}.tray-stack{position:relative;width:100%;height:100%}.tray-stack-card{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:11px;box-sizing:border-box}.tray-stack-card-back{pointer-events:none}.tray-stack-card-back-1{z-index:1;transform:translate(3px,5px) scale(.94);opacity:.82}.tray-stack-card-back-2{z-index:0;transform:translate(6px,10px) scale(.88);opacity:.58}.tray-stack-card-front{z-index:2;display:flex;align-items:center;justify-content:center}.tray-stack-face{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.tray-stack-num{font-weight:700;line-height:1}.tray-stack-badge{position:absolute;top:-.35rem;right:-.4rem;min-width:1.15rem;height:1.15rem;padding:0 .2rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:.58rem;font-weight:800;letter-spacing:.02em;z-index:3;box-shadow:0 2px 8px #00000059}.tray-stack--player .tray-stack-card-back{background:linear-gradient(150deg,#fed7aa24,#ea580c47);border:2px solid rgba(251,146,60,.55);box-shadow:0 0 12px #fb923c40,inset 0 0 10px #fb923c14}.tray-stack--player .tray-stack-card-front{background:linear-gradient(150deg,#fed7aa38,#ea580c61);border:2px solid #fb923c;box-shadow:0 0 20px #fb923c99,0 0 42px #fb923c38,inset 0 0 16px #fb923c26}.tray-stack--player .tray-stack-num{font-size:clamp(1.2rem,3.6dvh,1.5rem);color:#fff7ed;text-shadow:0 0 10px rgba(251,146,60,.7)}.tray-stack--player .tray-stack-badge{background:#ea580c;border:1.5px solid #fdba74;color:#fff7ed}.tray-stack--ai .tray-stack-card-back{background:linear-gradient(150deg,#e9d5ff1f,#7e22ce42);border:2px solid rgba(168,85,247,.5);box-shadow:0 0 12px #a855f738,inset 0 0 10px #a855f714}.tray-stack--ai .tray-stack-card-front{background:linear-gradient(150deg,#e9d5ff38,#7e22ce61);border:2px solid #a855f7;box-shadow:0 0 18px #a855f78c,0 0 36px #a855f733,inset 0 0 14px #a855f71f}.tray-stack--ai .tray-stack-num{font-family:Orbitron,DM Sans,system-ui,sans-serif;font-size:clamp(.95rem,2.8dvh,1.15rem);color:#f5f3ff;text-shadow:0 0 10px rgba(196,181,253,.8)}.tray-stack--ai .tray-stack-badge{background:#7e22ce;border:1.5px solid #c4b5fd;color:#f5f3ff}.game-rotate-control{position:absolute;left:.15rem;bottom:.5rem;z-index:6}.game-rotate-btn{width:clamp(2.7rem,7.5dvh,3.15rem);height:clamp(2.7rem,7.5dvh,3.15rem);border-radius:50%;border:2px solid rgba(129,174,255,.7);background:#060e1ce6;color:#cbdcff;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;box-shadow:0 0 18px #638cff52,inset 0 0 10px #638cff1a;-webkit-tap-highlight-color:transparent;touch-action:none}.game-rotate-btn svg{width:58%;height:58%}.game-rotate-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.game-rotate-btn:active:not(:disabled){transform:scale(.94)}.game-pause-control{position:absolute;right:.15rem;bottom:.5rem;z-index:6}.game-pause-btn{width:clamp(2.7rem,7.5dvh,3.15rem);height:clamp(2.7rem,7.5dvh,3.15rem);border-radius:50%;border:2px solid rgba(56,189,248,.6);background:#060e1ce6;color:#bae6fd;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;box-shadow:0 0 18px #38bdf859,inset 0 0 10px #38bdf81f;-webkit-tap-highlight-color:transparent}.game-pause-btn svg{width:58%;height:58%}.game-pause-btn:active{transform:scale(.94)}.game-hud-urgent~.game-main .game-pause-btn{border-color:#f871718c;color:#fca5a5;box-shadow:0 0 18px #f8717159,inset 0 0 10px #f871711f}.game-ghost{position:absolute;z-index:30;transform:translate(-50%,-50%);pointer-events:none;will-change:left,top}.game-ghost-returning{transition:left .28s cubic-bezier(.34,1.15,.64,1),top .28s cubic-bezier(.34,1.15,.64,1)}.game-ghost-inner{width:100%;height:100%;border-radius:9px;display:flex;align-items:center;justify-content:center;background:linear-gradient(150deg,#fed7aa3d,#ea580c66);border:2px solid #fb923c;box-shadow:0 0 22px #fb923ca6,0 0 44px #fb923c40}.game-ghost-valid .game-ghost-inner{background:linear-gradient(150deg,#7dfba033,#16a34a52);border-color:#7dfba0;box-shadow:0 0 22px #7dfba0b3,0 0 44px #7dfba040}.game-ghost-rejected .game-ghost-inner{background:linear-gradient(150deg,#f8717147,#b91c1c6b);border-color:#f87171;box-shadow:0 0 22px #f87171cc,0 0 46px #f871714d;animation:ghost-shake .3s cubic-bezier(.36,.07,.19,.97)}@keyframes ghost-shake{0%,to{transform:translate(0) rotate(0)}15%{transform:translate(-5px) rotate(-3deg)}30%{transform:translate(5px) rotate(3deg)}45%{transform:translate(-4px) rotate(-2deg)}60%{transform:translate(4px) rotate(2deg)}75%{transform:translate(-2px) rotate(-1deg)}}.game-ghost-num{font-size:clamp(1rem,3dvh,1.3rem);font-weight:700;color:#fff}@media (max-width: 360px){.game-insight-hex{width:2.6rem;height:2.8rem}.game-insight-title{font-size:.95rem}}@media (max-height: 667px){.game-hud-center-status{font-size:.7rem}.game-board-frame{width:min(100%,44dvh,340px);max-height:min(44dvh,340px)}.game-insight-body{padding:.6rem .75rem .4rem}}@media (prefers-reduced-motion: reduce){.game-race-fill-you,.game-race-fill-claude,.game-insight-gauge-arc{transition:none}.game-hud-card-urgent,.game-hud-value-urgent,.game-insight-peek-highlight,.game-insight-time-banner,.game-tray-chevrons{animation:none}.game-ghost-returning{transition:none}.game-rotate-btn:active:not(:disabled){transform:none}}.btn-sm{min-height:36px;padding:.45rem .85rem;font-size:.85rem}.ai-board-stage{width:100%;flex:1 1 auto;min-height:0}.ai-board-shell{position:relative;display:flex;flex-direction:column;gap:.15rem;flex:1 1 auto;min-height:0}.ai-tray{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.25rem 0 .15rem}.ai-tray-label{margin:0;font-size:.58rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#a78bfa}.ai-tray-chevrons{display:flex;flex-direction:column;align-items:center;gap:.02rem;color:#c4b5fd;animation:tray-bounce 1.6s ease-in-out infinite}.ai-tray-chevrons svg{width:.95rem;height:.45rem}.ai-tray-chevrons svg:first-child{opacity:.45}.ai-tray-chevrons svg:last-child{opacity:.9}.ai-tray-slot{position:relative;width:clamp(2.85rem,8dvh,3.5rem);aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:visible}.ai-tray-slot:after{content:"";position:absolute;bottom:-.4rem;left:50%;transform:translate(-50%);width:135%;height:.75rem;border-radius:50%;background:radial-gradient(ellipse at center,rgba(168,85,247,.5),transparent 70%);filter:blur(2px);z-index:0;transition:opacity .2s ease}.ai-tray-slot-empty:after{opacity:0}.ai-tray-count{margin:0;min-height:.95rem;font-size:.62rem;color:#7c8db5;letter-spacing:.04em;line-height:1.2}.ai-ghost{position:absolute;z-index:4;pointer-events:none;display:flex;align-items:center;justify-content:center}.ai-ghost-inner{width:100%;height:100%;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(150deg,#e9d5ff59,#7e22ce73);border:2px solid #a855f7;box-shadow:0 0 18px #a855f78c,0 0 36px #a855f733}.ai-ghost-rejected .ai-ghost-inner{border-color:#fb923c;background:linear-gradient(150deg,#fed7aa59,#ea580c6b);box-shadow:0 0 16px #fb923c8c,0 0 28px #fb923c33}.ai-ghost-num{font-family:Orbitron,DM Sans,system-ui,sans-serif;font-size:clamp(.75rem,2.2dvh,.95rem);font-weight:700;color:#f5f3ff;text-shadow:0 0 8px rgba(196,181,253,.75)}.ai-board-canvas{width:100%;height:100%;touch-action:none;border-radius:12px;border:1px solid rgba(168,85,247,.35);display:block;background:#0b1220}.peek-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#070b14db;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1rem}.peek-card{width:min(100%,420px);height:min(620px,calc(100dvh - 2rem));max-height:min(620px,calc(100dvh - 2rem));display:flex;flex-direction:column;overflow:hidden;background:var(--surface);border:1px solid rgba(168,85,247,.35);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow)}.peek-card .ai-board-shell{flex:1 1 auto;min-height:0}.peek-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.5rem;flex-shrink:0}.peek-head-actions{display:inline-flex;align-items:center;gap:.45rem;flex-shrink:0}.peek-timer{min-width:2.4rem;padding:.2rem .45rem;border-radius:999px;background:#38bdf826;border:1px solid rgba(56,189,248,.45);color:#7dd3fc;font-size:.78rem;font-weight:800;text-align:center}.peek-card-head h2{margin:.15rem 0 0;font-size:1.25rem}.peek-kicker{margin:0;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#d8b4fe}.peek-caption-sub{margin:.22rem 0 0;font-size:.68rem;text-transform:none;letter-spacing:.02em;line-height:1.3}.peek-copy{margin:0 0 .75rem;color:var(--text-muted);font-size:.88rem;line-height:1.4;flex-shrink:0}.peek-continue{width:100%;margin-top:.75rem;flex-shrink:0}.race-panels{display:grid;gap:.65rem;margin-top:.75rem}.race-panel{background:#0f172a8c;border:1px solid #243044;border-radius:10px;padding:.55rem .65rem .65rem}.race-panel-head{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.35rem}.race-panel-title{font-size:.78rem;font-weight:600;color:#cbd5e1}.race-panel-value{font-size:.78rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.race-panel-hint{margin:.35rem 0 0;font-size:.72rem;line-height:1.35;color:var(--text-muted)}.race-track{position:relative;height:10px;background:#243044;border-radius:999px;overflow:hidden}.race-track-time .race-player{background:linear-gradient(90deg,#0369a1,#38bdf8)}.race-track-ai .race-ai{background:linear-gradient(90deg,#7c3aed,#c084fc)}.race-player,.race-ai{position:absolute;top:0;left:0;height:100%;border-radius:999px;transition:width .2s linear}.ai-step-meta{margin:.35rem 0 0;font-size:.72rem;color:var(--text-muted)}.hud-status,.game-layout{display:none}.touch-controls{position:absolute;right:max(.75rem,env(safe-area-inset-right));bottom:max(.85rem,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:.65rem;pointer-events:none;z-index:2}.touch-btn{pointer-events:auto;width:3.75rem;height:3.75rem;border-radius:50%;border:2px solid rgba(148,163,184,.45);background:#0f172ac7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#f8fafc;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;box-shadow:0 6px 18px #00000059;-webkit-tap-highlight-color:transparent}.touch-btn:active{transform:scale(.94);background:#1e293beb}.touch-btn-icon{font-size:1.45rem;line-height:1;font-weight:700}.ai-panel{display:flex;flex-direction:column;border-color:#a855f773;transition:transform .25s ease,box-shadow .25s ease}.ai-panel.expanded{transform:scale(1.01);box-shadow:0 0 0 1px #a855f759,0 16px 40px #7c3aed2e}.ai-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.ai-panel-badge{font-size:.65rem;font-weight:700;letter-spacing:.08em;color:#f5d0fe;background:#7c3aed59;padding:.2rem .45rem;border-radius:999px}.ai-status{margin:.55rem 0 .35rem;font-size:.85rem;color:#cbd5e1;min-height:2.4em}.ai-progress-bar{height:6px;background:#243044;border-radius:999px;overflow:hidden}.ai-progress-fill{height:100%;background:linear-gradient(90deg,#7c3aed,#e879f9);transition:width .2s linear}.pause-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#070b14d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.tutorial-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:flex-end;justify-content:center;padding:max(.75rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left));background:#030712e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow-y:auto;overscroll-behavior:contain}.tutorial-card{width:min(100%,380px);max-height:min(88dvh,640px);display:flex;flex-direction:column;gap:.85rem;padding:1.1rem 1.15rem 1rem;border-radius:18px;border:1px solid rgba(56,189,248,.28);background:#081020f5;box-shadow:0 0 32px #38bdf81f;margin:auto 0}.tutorial-title{margin:0;text-align:center;font-size:clamp(1.25rem,4.5vw,1.45rem);line-height:1.2}.tutorial-body{display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;min-height:0;padding-right:.15rem}.tutorial-section{padding:.65rem .75rem;border-radius:12px;background:#0f172ab8;border:1px solid rgba(51,65,85,.65)}.tutorial-section h3{margin:0 0 .35rem;font-size:.95rem;color:#7dd3fc}.tutorial-section p{margin:0;font-size:.88rem;line-height:1.45;color:#cbd5e1}.tutorial-dismiss{width:100%;flex-shrink:0}.level-tour-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:92;pointer-events:none}.level-tour-spotlight{position:fixed;border-radius:14px;box-shadow:0 0 0 9999px #030712d6;border:2px solid rgba(56,189,248,.85);pointer-events:none;transition:top .18s ease,left .18s ease,width .18s ease,height .18s ease}.level-tour-tooltip{position:fixed;width:min(calc(100vw - 2rem),340px);pointer-events:auto;padding:1rem 1.05rem .95rem;border-radius:16px;border:1px solid rgba(56,189,248,.35);background:#081020f7;box-shadow:0 12px 40px #0206178c}.level-tour-progress{margin:0 0 .35rem;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#64748b}.level-tour-title{margin:0 0 .45rem;font-size:1.05rem;line-height:1.25;color:#e2e8f0}.level-tour-body{margin:0 0 .85rem;font-size:.9rem;line-height:1.45;color:#cbd5e1}.level-tour-next{width:100%}.pause-card{width:min(100%,360px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:var(--shadow)}.settings-screen{min-height:100dvh}.settings-header{position:relative;z-index:1;margin-bottom:clamp(1rem,3dvh,1.5rem)}.settings-header .screen-back-btn{margin-bottom:clamp(.65rem,2dvh,1rem)}.settings-title{margin:0;font-family:Orbitron,DM Sans,system-ui,sans-serif;font-size:clamp(1.65rem,6dvh,2.35rem);font-weight:800;letter-spacing:.04em;color:#f8fafc}.settings-list{display:flex;flex-direction:column;max-width:min(100%,420px)}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border)}.result-screen h1{margin-top:0;font-size:clamp(1.6rem,4vw,2.2rem)}.result-fallback-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.result-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem;width:min(100%,320px)}.result-success-screen{position:relative;min-height:100dvh;overflow-x:hidden;background:radial-gradient(circle at 50% 12%,rgba(56,189,248,.14),transparent 42%),radial-gradient(circle at 50% 28%,rgba(250,204,21,.08),transparent 36%),linear-gradient(180deg,#030712,#020617 52%,#010409);color:#e2e8f0;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1.25rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}.result-success-confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.result-confetti{position:absolute;width:8px;height:8px;border-radius:1px;opacity:.85}.result-confetti-1{top:8%;left:18%;background:#38bdf8;transform:rotate(18deg)}.result-confetti-2{top:12%;right:22%;background:#fb923c;transform:rotate(-24deg)}.result-confetti-3{top:6%;left:42%;background:#fff;transform:rotate(45deg);opacity:.5}.result-confetti-4{top:16%;right:38%;background:#38bdf8;transform:rotate(8deg)}.result-confetti-5{top:10%;left:28%;background:#fb923c;width:6px;height:6px}.result-confetti-6{top:14%;right:16%;background:#fff;width:5px;height:5px;opacity:.45}.result-success-shell{position:relative;z-index:1;width:100%;max-width:min(100%,390px);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:clamp(.65rem,2.2dvh,.95rem)}.result-success-hero{text-align:center;padding-top:clamp(.1rem,.8dvh,.4rem)}.result-success-crown{display:inline-flex;width:clamp(2.1rem,6dvh,2.65rem);height:clamp(1.55rem,4.2dvh,1.95rem);color:#38bdf8;filter:drop-shadow(0 0 14px rgba(56,189,248,.65));margin-bottom:.4rem}.result-success-crown svg{width:100%;height:100%}.result-success-title{margin:0;font-family:Orbitron,DM Sans,system-ui,sans-serif;font-size:clamp(1.55rem,5.2dvh,2rem);font-weight:800;letter-spacing:.02em;color:#f8fafc}.result-success-subtitle{margin:.2rem 0 0;font-size:clamp(.88rem,2.2dvh,1rem);color:#64748b}.result-success-medal{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;width:100%;padding:.15rem 0;--medal-fill-top: #fde68a;--medal-fill-bottom: #ca8a04;--medal-glow: rgba(250, 204, 21, .45);--medal-text: #facc15}.result-success-medal-silver{--medal-fill-top: #e2e8f0;--medal-fill-bottom: #64748b;--medal-glow: rgba(148, 163, 184, .35);--medal-text: #cbd5e1}.result-success-medal-bronze{--medal-fill-top: #fdba74;--medal-fill-bottom: #b45309;--medal-glow: rgba(251, 146, 60, .35);--medal-text: #fb923c}.result-success-medal-gold{--medal-fill-top: #fde68a;--medal-fill-bottom: #ca8a04;--medal-glow: rgba(250, 204, 21, .5);--medal-text: #facc15}.result-success-medal-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-52%);width:clamp(5.5rem,20vw,7.5rem);height:clamp(5.5rem,20vw,7.5rem);border-radius:50%;background:radial-gradient(circle,var(--medal-glow) 0%,transparent 68%);pointer-events:none}.result-success-medal-icon{position:relative;z-index:1;width:clamp(4.5rem,15vw,5.75rem);margin:0 auto;color:var(--medal-text);filter:drop-shadow(0 0 16px var(--medal-glow))}.result-success-medal-icon svg{width:100%;height:auto;display:block}.result-success-medal-label{margin:0;font-family:Orbitron,DM Sans,system-ui,sans-serif;font-size:clamp(.82rem,2.2dvh,.95rem);font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--medal-text)}.result-stats-card,.result-rank-card{width:100%;border-radius:clamp(14px,2.5dvh,18px);border:1px solid rgba(56,189,248,.16);background:#081020d1;box-shadow:inset 0 0 24px #38bdf808}.result-stats-card{padding:.35rem 0}.result-stat-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:clamp(.55rem,1.6dvh,.7rem) clamp(.85rem,3vw,1rem);border-bottom:1px solid rgba(56,189,248,.08)}.result-stat-row:last-child{border-bottom:none}.result-stat-left{display:inline-flex;align-items:center;gap:.65rem;color:#94a3b8;font-size:clamp(.88rem,2.3dvh,.98rem)}.result-stat-icon{width:1.65rem;height:1.65rem;display:inline-flex;align-items:center;justify-content:center}.result-stat-icon svg{width:100%;height:100%}.result-stat-icon-score{color:#c084fc}.result-stat-icon-time{color:#4ade80}.result-stat-icon-moves{color:#38bdf8}.result-stat-icon-peek{color:#a78bfa}.result-stat-value{font-family:Orbitron,DM Sans,system-ui,sans-serif;font-size:clamp(1rem,2.8dvh,1.15rem);font-weight:700;color:#f8fafc}.result-stat-value-time{color:#4ade80}.result-stat-value-moves{color:#38bdf8}.result-stat-value-peek{color:#c084fc}.result-rank-card{padding:clamp(.65rem,2dvh,.85rem) clamp(.75rem,3vw,.9rem) clamp(.75rem,2.2dvh,.95rem)}.result-rank-kicker{margin:0 0 .65rem;font-size:clamp(.68rem,1.8dvh,.75rem);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#64748b}.result-rank-track{position:relative;display:grid;grid-template-columns:repeat(3,1fr);align-items:start;gap:.35rem;padding:.3rem .15rem .05rem;overflow:visible}.result-rank-line{position:absolute;top:1.15rem;left:18%;right:18%;height:3px;border-radius:999px;background:#334155cc;overflow:hidden;z-index:0}.result-rank-line:after{content:"";display:block;height:100%;width:var(--rank-fill, 16%);border-radius:inherit;background:linear-gradient(90deg,#b45309,#facc15);transition:width .35s ease}.result-rank-card-bronze{--rank-fill: 16%}.result-rank-card-silver{--rank-fill: 50%}.result-rank-card-gold{--rank-fill: 100%}.result-rank-card-none{--rank-fill: 0%}.result-rank-node{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.35rem;opacity:.35}.result-rank-node-active{opacity:1}.result-rank-node-muted .result-rank-badge{color:#64748b!important;filter:none;background:#0f172afa;box-shadow:0 0 0 3px #0f172afa}.result-rank-node-muted .result-rank-name{color:#64748b!important;font-weight:600}.result-rank-badge{width:clamp(2rem,6vw,2.35rem);display:inline-flex;padding:.12rem;border-radius:6px;background:#081020f5;box-shadow:0 0 0 3px #081020f5;position:relative;z-index:1}.result-rank-badge svg{width:100%;height:auto;display:block}.result-rank-badge-bronze{--medal-fill-top: #fdba74;--medal-fill-bottom: #b45309;color:#fb923c}.result-rank-badge-silver{--medal-fill-top: #e2e8f0;--medal-fill-bottom: #64748b;color:#cbd5e1}.result-rank-badge-gold{--medal-fill-top: #fde68a;--medal-fill-bottom: #ca8a04;color:#facc15}.result-rank-node-current .result-rank-badge{transform:scale(1.08);z-index:2}.result-rank-node-current .result-rank-badge-gold{box-shadow:0 0 0 3px #081020f5,0 0 14px #facc1573,inset 0 0 8px #facc151f}.result-rank-node-current .result-rank-badge-silver{box-shadow:0 0 0 3px #081020f5,0 0 12px #94a3b866,inset 0 0 6px #94a3b81a}.result-rank-node-current .result-rank-badge-bronze{box-shadow:0 0 0 3px #081020f5,0 0 12px #fb923c61,inset 0 0 6px #fb923c1a}.result-rank-name{font-size:clamp(.62rem,1.7dvh,.72rem);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#64748b}.result-rank-node-active .result-rank-name{color:#cbd5e1}.result-rank-node-current .result-rank-name{color:#cbd5e1;font-weight:900;letter-spacing:.1em}.result-rank-card-gold .result-rank-node-current .result-rank-name{color:#facc15}.result-rank-card-silver .result-rank-node-current .result-rank-name{color:#cbd5e1}.result-rank-card-bronze .result-rank-node-current .result-rank-name{color:#fb923c}.result-success-actions{width:100%;display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:.1rem}.result-btn{width:100%;min-height:clamp(2.6rem,6.5dvh,2.95rem);border-radius:clamp(10px,2dvh,14px);display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font-family:Orbitron,DM Sans,system-ui,sans-serif;font-size:clamp(.82rem,2.2dvh,.92rem);font-weight:700;letter-spacing:.06em;text-decoration:none;cursor:pointer;border:none;padding:0 1rem}.result-btn svg{width:1.1rem;height:1.1rem;flex-shrink:0}.result-btn-primary{background:linear-gradient(180deg,#38bdf8,#0284c7 55%,#0369a1);color:#f8fafc;box-shadow:0 8px 24px #0284c759,inset 0 1px #ffffff1f}.result-btn-secondary{background:#060e1ce0;border:1.5px solid rgba(56,189,248,.45);color:#38bdf8;box-shadow:inset 0 0 16px #38bdf80a}.result-menu-link{display:inline-flex;align-items:center;gap:.45rem;margin-top:.35rem;color:#38bdf8;font-size:clamp(.88rem,2.3dvh,.98rem);font-weight:600;text-decoration:none}.result-menu-link svg{width:1rem;height:1rem}.result-lose-screen{position:relative;min-height:100dvh;overflow-x:hidden;background:radial-gradient(circle at 50% 10%,rgba(248,113,113,.1),transparent 38%),radial-gradient(circle at 50% 32%,rgba(124,58,237,.08),transparent 42%),linear-gradient(180deg,#030712,#020617 52%,#010409);color:#e2e8f0;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1.25rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}.result-lose-shell{position:relative;z-index:1;width:100%;max-width:min(100%,390px);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:clamp(.9rem,2.8dvh,1.2rem)}.result-lose-hero{text-align:center;padding-top:clamp(.15rem,1dvh,.5rem)}.result-lose-crown{display:inline-flex;width:clamp(2.35rem,6.5dvh,2.85rem);height:clamp(1.75rem,5dvh,2.1rem);color:#f87171;filter:drop-shadow(0 0 14px rgba(248,113,113,.55));margin-bottom:.55rem}.result-lose-crown svg{width:100%;height:100%}.result-lose-title{margin:0;font-family:Orbitron,DM Sans,system-ui,sans-serif;font-size:clamp(1.5rem,5dvh,1.95rem);font-weight:800;color:#f8fafc}.result-lose-subtitle{margin:.35rem 0 0;font-size:clamp(.92rem,2.4dvh,1.05rem);font-weight:600;color:#f87171}.result-lose-caption{margin:.45rem 0 0;font-size:clamp(.82rem,2.2dvh,.92rem);color:#64748b}.result-lose-preview{width:100%}.result-lose-preview-kicker{margin:0 0 .55rem;text-align:center;font-size:clamp(.68rem,1.8dvh,.76rem);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#c084fc;text-shadow:0 0 12px rgba(192,132,252,.35)}.result-lose-preview-frame{border-radius:clamp(14px,2.5dvh,18px);border:1.5px solid rgba(168,85,247,.45);background:#081020eb;box-shadow:inset 0 0 28px #7c3aed14,0 0 24px #7c3aed1f;overflow:hidden;padding:clamp(.45rem,1.5dvh,.65rem);display:flex;align-items:center;justify-content:center}.ai-solution-preview-stage{height:clamp(10rem,30dvh,13rem);width:auto;max-width:100%;margin:0 auto;flex-shrink:0}.ai-solution-preview-canvas{display:block;width:100%;height:100%}.result-lose-preview-empty{min-height:clamp(11rem,34dvh,14rem);display:flex;align-items:center;justify-content:center;color:#64748b;font-size:.9rem}.result-lose-stats{width:100%;border-radius:clamp(14px,2.5dvh,18px);border:1px solid rgba(56,189,248,.14);background:#081020d1;padding:.85rem clamp(.95rem,3vw,1.1rem) .35rem}.result-lose-opponent{display:flex;align-items:center;gap:.65rem;padding-bottom:.75rem;margin-bottom:.35rem;border-bottom:1px solid rgba(56,189,248,.08)}.result-lose-opponent-avatar{width:2.5rem;height:2.5rem;border-radius:50%;border:1.5px solid rgba(56,189,248,.35);background:#060e1ce6;color:#38bdf8;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 14px #38bdf833;flex-shrink:0}.result-lose-opponent-avatar svg{width:58%;height:58%}.result-lose-opponent-copy{display:flex;flex-direction:column;gap:.08rem;flex:1;min-width:0}.result-lose-opponent-label{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#64748b}.result-lose-opponent-name{font-size:clamp(.95rem,2.5dvh,1.05rem);font-weight:700;color:#f8fafc}.result-lose-winner-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.28rem .55rem;border-radius:999px;background:#581c8773;border:1px solid rgba(192,132,252,.35);color:#e9d5ff;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;flex-shrink:0}.result-lose-winner-badge svg{width:.75rem;height:.75rem}.result-lose-stat-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:clamp(.65rem,2dvh,.8rem) 0;border-bottom:1px solid rgba(56,189,248,.08)}.result-lose-stat-row:last-child{border-bottom:none}.result-lose-stat-left{display:inline-flex;align-items:center;gap:.6rem;color:#94a3b8;font-size:clamp(.84rem,2.2dvh,.94rem)}.result-lose-stat-icon{width:1.55rem;height:1.55rem;display:inline-flex;align-items:center;justify-content:center}.result-lose-stat-icon svg{width:100%;height:100%}.result-lose-stat-icon-time{color:#f87171}.result-lose-stat-icon-moves{color:#38bdf8}.result-lose-stat-icon-result{color:#c084fc}.result-lose-stat-value{font-family:Orbitron,DM Sans,system-ui,sans-serif;font-size:clamp(.88rem,2.3dvh,.98rem);font-weight:700}.result-lose-stat-value-fail{color:#f87171}.result-lose-stat-value-moves{color:#38bdf8}.result-lose-stat-value-result{color:#c084fc}.result-lose-actions{width:100%;display:flex;flex-direction:column;gap:.65rem}.result-lose-tip{margin:.15rem 0 0;display:flex;align-items:center;justify-content:center;gap:.4rem;text-align:center;font-size:clamp(.72rem,2dvh,.82rem);color:#64748b;line-height:1.35}.result-lose-tip-icon{flex-shrink:0}@media (max-height: 700px){.result-lose-shell{gap:.75rem}.ai-solution-preview-stage{height:9.5rem}.result-lose-preview-empty{min-height:9.5rem}}@media (max-height: 700px){.result-success-shell{gap:.55rem}.result-success-medal-icon{width:clamp(4rem,14vw,5.25rem)}.result-stat-row{padding:.5rem .85rem}}.icon-btn{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;background:#1e293bcc;border:1px solid var(--border);border-radius:10px;color:inherit;font-size:1.1rem;cursor:pointer}.prematch-screen{position:relative;height:100dvh;max-height:100dvh;overflow:hidden;background:radial-gradient(circle at 50% 18%,rgba(56,189,248,.16),transparent 52%),radial-gradient(circle at 15% 78%,rgba(168,85,247,.08),transparent 40%),radial-gradient(circle at 85% 72%,rgba(2,132,199,.1),transparent 42%),linear-gradient(180deg,#030712,#020617 55%,#010409);color:#e2e8f0}.prematch-stars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle,rgba(125,211,252,.65) .55px,transparent .65px),radial-gradient(circle,rgba(168,85,247,.35) .45px,transparent .55px),radial-gradient(circle,rgba(56,189,248,.4) .5px,transparent .6px);background-size:110px 110px,160px 160px,200px 200px;background-position:18px 24px,72px 96px,40px 140px;opacity:.42;-webkit-mask-image:radial-gradient(circle at 50% 28%,#000 0%,transparent 78%);mask-image:radial-gradient(circle at 50% 28%,#000 0%,transparent 78%)}.prematch-shell{height:100%;max-height:100dvh;display:flex;flex-direction:column;overflow:hidden}.prematch-header{flex-shrink:0;margin-bottom:0}.prematch-main{flex:1;min-height:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:clamp(.35rem,1.2dvh,.65rem);overflow:hidden}.prematch-preview-wrap{position:relative;flex-shrink:1;align-self:center;width:min(72vw,34dvh,220px);height:min(72vw,34dvh,220px);margin:clamp(.85rem,2.8dvh,1.35rem) 0 0}.prematch-preview-loading .prematch-preview-inner{display:flex;align-items:center;justify-content:center}.prematch-preview-spinner{width:2rem;height:2rem;border-width:2px}.prematch-preview-decor{position:absolute;top:-22%;right:-22%;bottom:-22%;left:-22%;pointer-events:none;z-index:0}.prematch-arc{position:absolute;border-radius:50%;border:1px solid transparent}.prematch-arc-1{top:6%;right:2%;bottom:18%;left:2%;border-top-color:#38bdf838;border-right-color:#38bdf814;transform:rotate(-8deg);box-shadow:0 0 24px #38bdf80f}.prematch-arc-2{top:14%;right:10%;bottom:26%;left:10%;border-bottom-color:#a855f724;border-left-color:#38bdf81a;transform:rotate(12deg)}.prematch-spark{position:absolute;width:3px;height:3px;border-radius:50%;background:#7dd3fc;box-shadow:0 0 8px #7dd3fce6}.prematch-spark-1{top:18%;left:12%;opacity:.7}.prematch-spark-2{top:32%;right:10%;opacity:.55}.prematch-spark-3{bottom:22%;left:22%;opacity:.45}.prematch-preview-rings{position:absolute;top:-14%;right:-14%;bottom:-14%;left:-14%;pointer-events:none;z-index:0}.prematch-ring{position:absolute;border-radius:50%;border:1px solid rgba(56,189,248,.12)}.prematch-ring-1{top:10%;right:10%;bottom:10%;left:10%;box-shadow:0 0 36px #38bdf81a}.prematch-ring-2{top:0;right:0;bottom:0;left:0;border-color:#38bdf814}.prematch-ring-3{top:-6%;right:-6%;bottom:-6%;left:-6%;border-color:#38bdf80d;border-style:dashed}.prematch-preview-frame{position:relative;z-index:1;width:100%;height:100%;border-radius:clamp(16px,3dvh,22px);padding:1.5px;background:linear-gradient(145deg,#7dd3fc8c,#38bdf847 40%,#0ea5e961);box-shadow:0 0 22px #38bdf847,0 0 48px #38bdf81f}.prematch-preview-glow{position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;border-radius:inherit;background:radial-gradient(ellipse 90% 90% at 50% 45%,rgba(56,189,248,.2) 0%,rgba(56,189,248,.06) 42%,transparent 68%);pointer-events:none;z-index:0}.prematch-preview-inner{position:relative;z-index:1;width:100%;height:100%;border-radius:calc(clamp(16px,3dvh,22px) - 1.5px);overflow:hidden;background:#06101f;box-shadow:inset 0 0 32px #0000008c,inset 0 0 20px #38bdf80d}.prematch-preview-svg{width:100%;height:100%;display:block}.prematch-preview-pieces{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.prematch-preview-pieces-5{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:6%;padding:14% 10% 12%}.prematch-preview-pieces-10{top:15%;right:11%;bottom:13%;left:11%;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);gap:7%;align-content:center;justify-content:center;transform:scale(.84);transform-origin:center center}.prematch-preview-pieces-15{top:15%;right:11%;bottom:13%;left:11%;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(3,1fr);gap:5%;align-content:center;justify-content:center;transform:scale(.74);transform-origin:center center}.prematch-preview-pieces-4{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:8%;padding:18% 16%}.prematch-square{position:absolute;aspect-ratio:1;border-radius:4px;border:1px solid rgba(255,255,255,.42);box-shadow:0 3px 8px #00000073,0 0 14px var(--sq-glow, rgba(56, 189, 248, .35))}.prematch-square:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(145deg,rgba(255,255,255,.28) 0%,transparent 42%);pointer-events:none}.prematch-square:after{content:"";position:absolute;top:14%;right:14%;bottom:14%;left:14%;border-radius:2px;border:1px solid rgba(255,255,255,.14)}.prematch-square-purple{--sq-glow: rgba(192, 132, 252, .55);background:linear-gradient(145deg,#e9d5ff,#c084fc 28%,#7e22ce)}.prematch-square-blue{--sq-glow: rgba(56, 189, 248, .55);background:linear-gradient(145deg,#bae6fd,#38bdf8 30%,#0369a1)}.prematch-square-green{--sq-glow: rgba(74, 222, 128, .5);background:linear-gradient(145deg,#bbf7d0,#4ade80 28%,#15803d)}.prematch-square-orange{--sq-glow: rgba(251, 146, 60, .55);background:linear-gradient(145deg,#fed7aa,#fb923c 30%,#c2410c)}.prematch-square-gold{--sq-glow: rgba(250, 204, 21, .55);background:linear-gradient(145deg,#fef08a,#facc15 28%,#ca8a04)}.prematch-preview-pieces-5 .prematch-square{position:relative;width:auto;height:auto;left:auto;top:auto;transform:none}.prematch-preview-pieces-5 .prematch-square-purple{grid-column:2;grid-row:1}.prematch-preview-pieces-5 .prematch-square-blue{grid-column:1;grid-row:2}.prematch-preview-pieces-5 .prematch-square-green{grid-column:2;grid-row:2}.prematch-preview-pieces-5 .prematch-square-gold{grid-column:3;grid-row:2}.prematch-preview-pieces-5 .prematch-square-orange{grid-column:2;grid-row:3}.prematch-preview-pieces-10 .prematch-square,.prematch-preview-pieces-15 .prematch-square{position:relative;width:auto;height:auto;max-width:100%;max-height:100%;left:auto;top:auto;transform:none;border-radius:3px;border-width:.75px}.prematch-preview-pieces-15 .prematch-square{border-radius:2px;border-width:.5px}.prematch-preview-pieces-4 .prematch-square{position:relative;width:auto;height:auto;left:auto;top:auto}.prematch-title-block{flex-shrink:0;text-align:center;width:100%;margin-bottom:0}.prematch-title{margin:0;font-family:DM Sans,system-ui,sans-serif;font-size:clamp(1.35rem,4.2dvh,1.85rem);font-weight:700;letter-spacing:-.02em;color:#f8fafc;text-shadow:0 0 24px rgba(248,250,252,.08)}.prematch-divider{display:flex;align-items:center;gap:.55rem;margin:clamp(.25rem,.9dvh,.45rem) 0 clamp(.2rem,.7dvh,.35rem)}.prematch-divider-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(56,189,248,.5),transparent)}.prematch-divider-star{display:inline-flex;width:.85rem;height:.85rem;color:#38bdf8;filter:drop-shadow(0 0 10px rgba(56,189,248,.95))}.prematch-divider-star svg{width:100%;height:100%}.prematch-tagline{margin:0;font-size:clamp(.78rem,2dvh,.92rem);color:#7c8ea8;letter-spacing:.015em}.prematch-info-card{flex-shrink:0;width:100%;border-radius:clamp(14px,2.4dvh,18px);border:1px solid rgba(56,189,248,.18);background:#061020b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 28px #38bdf80a,0 0 32px #38bdf814;padding:clamp(.65rem,2dvh,.9rem) clamp(.85rem,2.8vw,1.1rem);margin-bottom:0}.prematch-info-row{display:flex;align-items:center;gap:clamp(.9rem,3.2vw,1.15rem)}.prematch-info-sep{height:1px;margin:clamp(.45rem,1.4dvh,.65rem) 0;background:linear-gradient(90deg,transparent,rgba(56,189,248,.16),transparent)}.prematch-info-icon{flex-shrink:0;width:clamp(2.65rem,8dvh,3.1rem);aspect-ratio:48 / 52;display:inline-flex;align-items:center;justify-content:center}.prematch-info-icon-svg{display:block;width:100%;height:100%;filter:drop-shadow(0 0 8px rgba(56,189,248,.32))}.prematch-info-text{display:flex;flex-direction:column;gap:.22rem;min-width:0}.prematch-info-label{font-size:clamp(.74rem,2.1dvh,.84rem);color:#64748b;letter-spacing:.01em}.prematch-info-value{font-family:DM Sans,system-ui,sans-serif;font-size:clamp(1.12rem,3.2dvh,1.28rem);font-weight:700;color:#f8fafc;letter-spacing:.01em}.prematch-start-wrap{flex-shrink:0;margin-top:clamp(.85rem,2.6dvh,1.25rem);padding:8px 12px 4px;overflow:visible}.prematch-start-btn{position:relative;display:block;width:100%;min-height:clamp(2.65rem,7dvh,3.2rem);border:1.5px solid rgba(125,211,252,.65);border-radius:999px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='22' viewBox='0 0 26 22'%3E%3Cpath d='M13 0 L26 11 L13 22 L0 11 Z' fill='none' stroke='rgba(255,255,255,0.08)' stroke-width='1'/%3E%3C/svg%3E"),linear-gradient(180deg,#67d4ff,#0ea5e9 48%,#0369a1);background-size:26px 22px,auto;color:#fff;cursor:pointer;box-shadow:0 0 18px #38bdf852,0 0 32px #38bdf81f,0 8px 22px #0284c747,inset 0 1px #ffffff47;transition:transform .12s ease}.prematch-start-btn:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:inherit;border:1px solid rgba(56,189,248,.22);box-shadow:0 0 18px #38bdf833;pointer-events:none}.prematch-start-btn-label{position:relative;z-index:1;font-family:DM Sans,system-ui,sans-serif;font-size:clamp(.98rem,2.6dvh,1.15rem);font-weight:700;letter-spacing:.05em}.prematch-start-btn:active{transform:scale(.98)}.prematch-start-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:0 0 12px #38bdf82e,0 6px 16px #0284c733,inset 0 1px #fff3}.prematch-start-btn:disabled:before{opacity:.5}.prematch-start-btn:disabled:active{transform:none}.prematch-back-footer{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;margin-top:auto;padding-top:clamp(1.35rem,4.2dvh,2.1rem);align-self:center;color:#38bdf8;font-size:clamp(.9rem,2.5dvh,1.02rem);font-weight:600;text-decoration:none}.prematch-back-footer-icon{font-size:1.15em;line-height:1}.prematch-error{color:#fca5a5;text-align:center;margin:2rem 0}@media (max-height: 740px){.prematch-preview-wrap{width:min(68vw,30dvh,190px);height:min(68vw,30dvh,190px)}.prematch-info-icon{width:clamp(2rem,5.5dvh,2.35rem);height:clamp(2rem,5.5dvh,2.35rem)}}@media (max-height: 640px){.prematch-preview-wrap{width:min(64vw,26dvh,160px);height:min(64vw,26dvh,160px)}.prematch-title{font-size:clamp(1.2rem,3.8dvh,1.45rem)}.prematch-tagline{font-size:.76rem}.prematch-info-card{padding:.55rem .85rem}.prematch-info-sep{margin:.35rem 0}.prematch-start-btn{min-height:2.5rem}}@media (max-width: 390px),(max-height: 667px){.prematch-preview-wrap{width:min(66vw,28dvh,175px);height:min(66vw,28dvh,175px)}}@media (prefers-reduced-motion: reduce){.prematch-start-btn:active{transform:none}}.medal{text-transform:capitalize;color:#fbbf24;margin-top:.25rem}@media (prefers-reduced-motion: reduce){.race-player,.race-ai{transition:none}.touch-btn:active{transform:none}}