:root{--bg-color:#0e1116;--black:#0e1116;--text-main:#ede6d6;--text-muted:#8f948f;--text-inverse:#0e1116;--accent:#e6dccb;--accent-hover:#f4eee3;--accent-soft:#e6dccb29;--accent-contrast:#0e1116;--accent-glow:#e6dccb;--success:#7fa36b;--success-soft:#7fa36b24;--gold:#e6dccb;--warning:#e08a3c;--warning-soft:#e08a3c1f;--error:#d9543b;--error-soft:#d9543b1a;--highlight-soft:#ffffff0f;--subtle-tint-strong:#ffffff29;--glitch-magenta:#ff007f99;--glitch-magenta-soft:#ff007f80;--glitch-cyan:#00f0ff99;--glitch-cyan-soft:#00f0ff80;--scanline-color:#ffffff0d;--home-card-bg:#161b22f5;--home-scanline:#00000038;--glass-bg:#161b22f0;--glass-border:#ede6d624;--glass-border-strong:#ede6d642;--glass-hover:#ede6d612;--glass-shadow:0 8px 24px #05070a8c;--glass-shadow-strong:0 12px 32px #05070a8c;--glass-shadow-drag:0 20px 48px #05070a99;--glass-blur:blur(4px);--glass-blur-compact:blur(3px);--overlay-bg:#0e1116d9;--settings-backdrop-bg:#00000073;--modal-header-bg:#161b22eb;--radius-sm:4px;--radius-md:calc(var(--radius-sm) + var(--spacing-xs));--radius-lg:calc(var(--radius-md) + var(--spacing-xs) * 1.5);--spacing-xxs:2px;--spacing-xs:4px;--spacing-sm:8px;--spacing-ms:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--font-main:"Space Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-display:"Bitcount Single", "Space Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-size-2xs:.6rem;--font-size-xs:.7rem;--font-size-sm:.8rem;--font-size-md:.9rem;--font-size-base:1rem;--font-size-lg:1.15rem;--font-size-xl:1.3rem;--font-size-2xl:1.45rem;--font-size-3xl:2.2rem;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-emphasized:.4s cubic-bezier(.16, 1, .3, 1);--transition-layout:.22s cubic-bezier(.2, .9, .2, 1);--transition-spring:.22s cubic-bezier(.34, 1.56, .64, 1);--transition-instant:70ms ease;--control-sm:32px;--control-md:40px;--control-lg:44px;--island-width:500px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--xp-green-inner:#9cc285;--xp-green-outer:#5f7f4f;--xp-yellow-inner:#e6dccb;--xp-yellow-outer:#6b665c;--xp-black:#000;--xp-shadow-heavy:#000c;--xp-error-bg:#ff45001a;--xp-error-border:#ff45004d;--xp-success-bg:#7fa36b1a;--xp-success-border:#7fa36b4d;--shadow-card:0 12px 28px #05070ab3}:focus-visible:not(.ui-textfield){outline:2px solid var(--accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}*{box-sizing:border-box;font-family:var(--font-main);-webkit-tap-highlight-color:transparent;margin:0;padding:0}input,button,textarea,select{-webkit-tap-highlight-color:transparent}#q-resp-field{box-shadow:none;appearance:none;border:none;outline:none}html,body{width:100vw;height:100dvh;margin:0;padding:0;position:fixed;overflow:hidden}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-main);transition:background-color var(--transition-normal), color var(--transition-normal)}#root{width:100%;height:100%;display:flex}:is(.ui-icon-btn--glass-chrome,.ui-icon-btn--dock-settings,.ui-icon-btn--dock-profile,.ui-icon-btn--dock-podium,.ui-icon-btn--hud,.hud-mini-pill,.ui-btn--hud-island,.focus-mini-pill,.sheet-panel,.input-island,.suggestions-list,.learn-toggles-group,.mobile-dropdown-menu){position:relative}:is(.sheet-panel,.input-island,.suggestions-list,.mobile-dropdown-menu){isolation:isolate}:is(.sheet-panel,.input-island,.suggestions-list,.mobile-dropdown-menu):before{content:"";z-index:var(--z-base);border-radius:inherit;-webkit-backdrop-filter:var(--glass-blur-compact);backdrop-filter:var(--glass-blur-compact);pointer-events:none;position:absolute;inset:0;transform:translateZ(0)}:is(.ui-icon-btn--glass-chrome:not(.ui-icon-btn--dock-profile),.ui-icon-btn--dock-settings,.ui-icon-btn--hud,.hud-mini-pill,.ui-btn--hud-island,.sheet-panel,.input-island,.suggestions-list,.learn-toggles-group,.mobile-dropdown-menu)>*{z-index:var(--z-raised);position:relative}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-sm);transition:background var(--transition-normal), color var(--transition-normal)}.data-panel-title,.data-panel-region-name,.history-title{font-family:var(--font-display);letter-spacing:.02em;font-weight:500}.data-panel-row-name{font-family:var(--font-main);font-weight:500}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root{--z-below:-1;--z-base:0;--z-raised:1;--z-raised-2:2;--z-raised-3:3;--z-raised-4:4;--z-raised-5:5;--z-raised-6:6;--z-floating:10;--z-floating-2:50;--z-carousel-lift:95;--z-floating-3:100;--z-carousel-controls:180;--z-panel-menu:300;--z-panel-menu-top:301;--z-home-content:10;--z-conquest-cursors:19;--z-conquest:20;--z-screen:500;--z-hud:1000;--z-hud-top:1001;--z-overlay:5000;--z-sheet:5100;--z-fullpage:5200;--z-fx:5250;--z-dialog:5300;--z-toast:5400;--z-celebration:5450;--z-vignette:9990;--z-scanline:99999}.panel-overlay{background:var(--settings-backdrop-bg);-webkit-backdrop-filter:var(--blur-scrim);z-index:var(--z-overlay);opacity:0;pointer-events:none;transition:opacity var(--dur-sheet-out) linear;position:fixed;inset:0}.panel-overlay.open{opacity:1;pointer-events:auto;transition:opacity var(--dur-fast) linear}.panel-header{align-items:center;gap:var(--spacing-sm);flex-shrink:0;min-height:40px;display:flex}.sheet-panel .panel-header{margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs)}.panel-header .panel-title{font-family:var(--font-display);font-size:var(--font-size-lg);color:var(--text-main);flex:1;margin:0;font-weight:500}.panel-body{-webkit-overflow-scrolling:touch;overscroll-behavior:none;flex-direction:column;flex:1;display:flex;overflow-y:auto}.panel-footer{padding:var(--spacing-sm) 0;border-top:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur-compact);z-index:var(--z-floating);flex-shrink:0}.leaderboard-panel .leaderboard-controls{padding-left:0;padding-right:0}.sheet-panel,.sheet-panel.glass-panel{color:inherit;isolation:isolate;bottom:calc(var(--spacing-lg) + var(--control-lg) + var(--spacing-md));right:var(--spacing-lg);width:clamp(280px,36vw,380px);height:auto;max-height:calc(100dvh - 120px);z-index:var(--z-sheet);padding:var(--spacing-lg);border:1px solid var(--glass-border);border-radius:var(--radius-md);visibility:hidden;pointer-events:none;transition:visibility 0s linear var(--dur-sheet-out);animation:sheet-out var(--dur-sheet-out) var(--steps-sheet-out) both;box-shadow:var(--glass-shadow);overscroll-behavior:none;flex-direction:column;margin:0;display:flex;position:fixed}.sheet-panel.open{visibility:visible;pointer-events:auto;animation:sheet-in var(--dur-sheet-in) var(--steps-sheet-in);transition-delay:0s}@media (width<=1024px){.sheet-panel,.sheet-panel.glass-panel{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;padding-top:calc(var(--spacing-md) + var(--safe-top));padding-bottom:calc(var(--spacing-md) + var(--safe-bottom));border-radius:0;margin:0;position:fixed;inset:0;transform:none}.sheet-panel .panel-body{padding-bottom:var(--spacing-sm)}}@supports selector(::-webkit-scrollbar){:is(.scrollbar-styled,.panel-body)::-webkit-scrollbar{width:6px;height:6px}:is(.scrollbar-styled,.panel-body)::-webkit-scrollbar-track{background:0 0}:is(.scrollbar-styled,.panel-body)::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:0}:is(.scrollbar-styled,.panel-body)::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:is(.scrollbar-styled,.panel-body)::-webkit-scrollbar-button{width:0;height:0;display:none}}@supports not selector(::-webkit-scrollbar){.scrollbar-styled,.panel-body{scrollbar-width:thin;scrollbar-color:var(--glass-border) transparent}}.end-screen-header.end-screen-header h1{animation:.42s steps(3,end) .15s both glitch-burst}.score-increased-flash.score-increased-flash{animation:score-tick var(--dur-pop) var(--steps-snap), glitch-burst-ink .3s steps(2) 1}.passport-stamp.passport-stamp{animation:stamp-in var(--dur-stamp) var(--steps-snap) .35s both, glitch-burst-ink .3s steps(2) .8s 1}.passport-stamp.new-pb-badge{animation:stamp-in-pb var(--dur-stamp) var(--steps-snap) .6s both, glitch-burst-ink .3s steps(2) 1.05s 1}.end-screen-level-up-banner.end-screen-level-up-banner{animation:stamp-in var(--dur-stamp) var(--steps-snap) both, glitch-burst-ink .36s steps(3) .45s 1}@media (prefers-reduced-motion:reduce){.end-screen-header.end-screen-header h1,.score-increased-flash.score-increased-flash,.passport-stamp.passport-stamp,.passport-stamp.new-pb-badge,.end-screen-level-up-banner.end-screen-level-up-banner{animation:none}}:root{--dur-micro:80ms;--dur-fast:.16s;--dur-base:.24s;--dur-slow:.36s;--dur-sheet-in:.18s;--dur-sheet-out:.11s;--dur-screen-exit:.18s;--dur-fling:.19s;--dur-settle:.26s;--dur-loop:.9s;--dur-pop:.35s;--dur-stamp:.45s;--dur-fill:.6s;--dur-reveal:.8s;--dur-count:1s;--dur-ambient:2s;--dur-ambient-slow:3s;--dur-toast:4s;--dur-step:.1s;--dur-reduced:.01ms;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-inout:cubic-bezier(.65, 0, .35, 1);--ease-fling:cubic-bezier(.12, .98, .24, 1);--steps-press:steps(2, end);--steps-snap:steps(4, end);--steps-sheet-in:steps(5, end);--steps-sheet-out:steps(3, end);--steps-band:steps(6, end);--steps-row:steps(1, end);--steps-shutter:steps(3, end);--cell:4px;--stagger:40ms;--press-offset:translate(1px, 1px);--blur-scrim:blur(3px);--blur-soft:2px;--sheet-clip-bleed:-48px}@keyframes px-press-flash{0%{box-shadow:inset 0 0 0 999px var(--text-main);color:var(--bg-color)}}:is(.tab-bar-tab,.ui-option):active:not(:disabled){transform:var(--press-offset);animation:px-press-flash var(--dur-micro) steps(1, end)}:is(.tab-bar-tab,.ui-option){touch-action:manipulation}@keyframes px-band-in{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}.px-band-in{animation:px-band-in var(--dur-fast) var(--steps-band)}@keyframes px-row-in{0%{opacity:0;filter:blur(var(--blur-soft));transform:translateY(4px)}50%{opacity:1;filter:blur(1px);transform:translateY(2px)}}@keyframes px-row-in-lite{0%{opacity:0;transform:translateY(4px)}50%{opacity:1;transform:translateY(2px)}}.px-cascade>*{animation:px-row-in var(--dur-fast) var(--steps-row) calc(var(--i,5) * var(--stagger)) backwards}.px-cascade>:first-child{--i:0}.px-cascade>:nth-child(2){--i:1}.px-cascade>:nth-child(3){--i:2}.px-cascade>:nth-child(4){--i:3}.px-cascade>:nth-child(5){--i:4}.px-cascade>:nth-child(n+7){animation-name:px-row-in-lite}@keyframes px-shutter-open{to{transform:translateY(-100%)}}.mode-shutter{z-index:var(--z-fx);pointer-events:none;position:fixed;inset:0}.mode-shutter-blind{left:0;right:0;top:calc(var(--i) * (100% / 6));background:var(--bg-color);height:calc(16.6667% + 1px);animation:px-shutter-open var(--dur-fast) var(--steps-shutter) calc(var(--i) * var(--stagger)) forwards;position:absolute}@media (prefers-reduced-motion:reduce){:root{--dur-micro:var(--dur-reduced);--dur-fast:var(--dur-reduced);--dur-base:var(--dur-reduced);--dur-slow:var(--dur-reduced);--dur-sheet-in:var(--dur-reduced);--dur-sheet-out:var(--dur-reduced);--dur-screen-exit:var(--dur-reduced);--dur-fling:var(--dur-reduced);--dur-settle:var(--dur-reduced);--dur-loop:var(--dur-reduced);--dur-pop:var(--dur-reduced);--dur-stamp:var(--dur-reduced);--dur-fill:var(--dur-reduced);--dur-reveal:var(--dur-reduced);--dur-count:var(--dur-reduced);--dur-ambient:var(--dur-reduced);--dur-ambient-slow:var(--dur-reduced);--stagger:0s}*,:before,:after{animation-duration:var(--dur-reduced);transition-duration:var(--dur-reduced);scroll-behavior:auto;transition-delay:0s;animation-iteration-count:1;animation-delay:0s}.mode-shutter{display:none}}@keyframes float{0%{transform:translate(0)}to{transform:translate(100px)}}@keyframes animation-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes game-ui-step-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scanline-step-pass{0%{opacity:0}50%{opacity:.12}to{opacity:0}}@keyframes panic-pulse{0%{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--error) 35%, transparent)}to{box-shadow:inset 0 0 0 4px color-mix(in srgb, var(--error) 75%, transparent)}}@keyframes life-lost-flash{0%{box-shadow:inset 0 0 0 6px color-mix(in srgb, var(--error) 85%, transparent)}60%{box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--error) 45%, transparent)}to{box-shadow:inset 0 0 0 0 color-mix(in srgb, var(--error) 0%, transparent)}}@keyframes data-panel-slide-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes input-reject{0%{transform:translate(0)}25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-2px)}to{transform:translate(0)}}@keyframes timer-alarm{0%{opacity:.6}to{opacity:1}}@keyframes score-tick{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes hearts-shake{0%{transform:translate(0)}25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-2px)}to{transform:translate(0)}}@keyframes home-card-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes home-block-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@keyframes home-logo-fade{0%{opacity:0}}@keyframes atlasDeckIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes twinkle-goat{0%,to{opacity:.15;transform:scale(.5)}50%{opacity:.8;transform:scale(1.1)}}@keyframes pixel-star-twinkle{0%,to{opacity:.15}50%{opacity:.9}}@keyframes stamp-in{0%{opacity:0;transform:rotate(-3deg)scale(1.4)}60%{opacity:1;transform:rotate(-3deg)scale(.96)}to{opacity:.92;transform:rotate(-3deg)scale(1)}}@keyframes stamp-in-pb{0%{opacity:0;transform:rotate(3deg)scale(1.4)}60%{opacity:1;transform:rotate(3deg)scale(.96)}to{opacity:.92;transform:rotate(3deg)scale(1)}}@keyframes training-cell-fill{0%{opacity:0}}@keyframes label-appear{0%{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur()}}@keyframes cq-hint-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes conquest-timer-blink{50%{color:var(--text-main)}}@keyframes px-ready-pip{0%{opacity:.4;transform:scale(1.5)}}@keyframes px-ready-fill{0%{transform:scaleX(0)}}@keyframes cq-shield-blink{0%,49%{opacity:1}50%,to{opacity:.2}}@keyframes glitch-burst{0%{text-shadow:-2px 0 var(--glitch-magenta), 2px 0 var(--glitch-cyan);transform:translate(-1px)skew(-3deg)}33%{text-shadow:2px 0 var(--glitch-magenta), -2px 0 var(--glitch-cyan);transform:translate(1px)skew(2deg)}66%{text-shadow:-1px 0 var(--glitch-magenta-soft), 1px 0 var(--glitch-cyan-soft);transform:translate(0)skew(-1deg)}to{text-shadow:none;transform:none}}@keyframes glitch-burst-ink{0%,66%{text-shadow:-2px 0 var(--glitch-magenta), 2px 0 var(--glitch-cyan);filter:drop-shadow(-1px 0 var(--glitch-magenta-soft)) drop-shadow(1px 0 var(--glitch-cyan-soft))}33%{text-shadow:2px 0 var(--glitch-magenta), -2px 0 var(--glitch-cyan)}to{text-shadow:none;filter:none}}@keyframes sheet-in{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(var(--sheet-clip-bleed))}}@keyframes sheet-out{0%{clip-path:inset(var(--sheet-clip-bleed))}to{clip-path:inset(0 0 100%)}}@keyframes ui-fade-in{0%{opacity:0}to{opacity:1}}@keyframes data-panel-sheet-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.app-container{background-color:var(--bg-color);width:100vw;height:100dvh;color:var(--text-main);font-family:var(--font-main);position:relative;overflow:hidden}.animation-fade-in{animation:animation-fade-in var(--transition-normal) forwards}.app-container.glitch-active .top-hud-bar,.app-container.glitch-active .hud-bottom-right,.app-container.glitch-active .bottom-hud-container,.app-container.glitch-active .end-screen-overlay{animation:game-ui-step-in var(--dur-base) steps(3, end) var(--dur-screen-exit) both}.app-container:after{content:"";background:repeating-linear-gradient(0deg, var(--scanline-color), var(--scanline-color) 1px, transparent 1px, transparent 2px);pointer-events:none;z-index:var(--z-scanline);opacity:0;position:fixed;inset:0}.app-container.glitch-active:after{animation:scanline-step-pass var(--dur-fast) steps(2, end) calc(var(--dur-screen-exit) - 40ms) both}.panic-vignette-overlay{pointer-events:none;z-index:var(--z-vignette);box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--error) 55%, transparent);animation:panic-pulse var(--dur-reveal) ease-in-out infinite alternate;position:fixed;inset:0}.panic-vignette-overlay.life-lost{animation:life-lost-flash var(--dur-count) ease-out 1 forwards}@media (prefers-reduced-motion:reduce){.app-container.glitch-active .top-hud-bar,.app-container.glitch-active .hud-bottom-right,.app-container.glitch-active .bottom-hud-container,.app-container.glitch-active .end-screen-overlay{opacity:1;animation:none;transform:none}.app-container.glitch-active:after{opacity:0;animation:none}.panic-vignette-overlay.life-lost{box-shadow:inset 0 0 0 4px color-mix(in srgb, var(--error) 55%, transparent);animation:none}}.globe-container,.globe-container canvas{touch-action:none;overscroll-behavior:none}.globe-container.globe-stage{width:100%;height:100%;position:relative}.globe-backdrop{pointer-events:none;width:100%;height:100%;z-index:var(--z-base);position:absolute;top:0;left:0}.globe-backdrop-grid,.globe-backdrop-vignette{width:100%;height:100%;position:absolute}.globe-backdrop-grid{background-image:repeating-linear-gradient(0deg, var(--grid-dot) 0 1px, transparent 1px 20px), repeating-linear-gradient(90deg, var(--grid-dot) 0 1px, transparent 1px 20px);opacity:.75}.globe-backdrop-vignette{background:radial-gradient(circle farthest-corner at var(--globe-cx,50%) var(--globe-cy,50%), transparent 0%, var(--bg-color) 100%);opacity:.6}.globe-map-shell{width:100%;height:100%;z-index:var(--z-base);pointer-events:auto;position:absolute;inset:0;overflow:hidden}.globe-label-element{animation:label-appear .3s var(--ease-out) forwards}.globe-content-wrapper{--globe-layout-x:0px;--globe-panel-shift:0px;--globe-nudge-x:0px;--globe-nudge-y:0px;--globe-keyboard-shift:0px;width:100%;height:100%;z-index:var(--z-raised);transform:translate3d(calc(var(--globe-layout-x) + var(--globe-panel-shift) + var(--globe-nudge-x)), calc(var(--globe-keyboard-shift) + var(--globe-nudge-y)), 0);will-change:transform;position:relative}.globe-studio-overlay{z-index:var(--z-raised-2);pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle at 50% 50%, var(--highlight) 0%, color-mix(in srgb, var(--accent-glow) 18%, transparent) 30%, color-mix(in srgb, var(--accent-glow) 9%, transparent) 52%, transparent 74%), radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--accent-glow) 16%, transparent) 0%, color-mix(in srgb, var(--accent-glow) 7%, transparent) 42%, transparent 68%);opacity:.68;position:absolute;inset:0}@media (width>=769px){.globe-map-shell.home-layout .globe-content-wrapper{--globe-layout-x:clamp(140px, 17vw, 380px)}.globe-map-shell.game-layout .globe-content-wrapper{--globe-layout-x:0px}}.globe-map-shell:after{content:"";z-index:var(--z-raised);pointer-events:none;background:repeating-linear-gradient(0deg, color-mix(in srgb, var(--bg-color) 14%, transparent) 0 1px, transparent 1px 2px);-webkit-mask-image:radial-gradient(ellipse at center, transparent 30%, var(--bg-color) 95%);-webkit-mask-image:radial-gradient(ellipse at center, transparent 30%, var(--bg-color) 95%);mask-image:radial-gradient(ellipse at center, transparent 30%, var(--bg-color) 95%);position:absolute;inset:0}.globe-map-shell:before{content:"";z-index:var(--z-raised);pointer-events:none;background:radial-gradient(ellipse at center, transparent 64%, color-mix(in srgb, var(--bg-color) 32%, transparent) 100%);position:absolute;inset:0}@media (width<=768px){.globe-map-shell.home-layout .globe-imagery-credit{top:calc(var(--spacing-xs) + env(safe-area-inset-top,0px));right:var(--spacing-sm);bottom:auto;left:auto}}.globe-imagery-credit:hover,.globe-imagery-credit:focus-visible{opacity:1}.top-hud-bar{top:calc(var(--spacing-md) + var(--safe-top));width:100%;padding:0 var(--spacing-md);align-items:center;row-gap:var(--spacing-ms);column-gap:var(--spacing-sm);pointer-events:none;z-index:var(--z-hud-top);transform-origin:top;transition:top var(--transition-layout), transform var(--transition-layout), opacity .16s ease;will-change:top, transform, opacity;grid-template-columns:1fr auto 1fr;display:grid;position:fixed;left:0}.top-hud-bar.learn-mode{grid-template-columns:var(--control-lg) 1fr var(--control-lg)}.hud-top-left,.hud-top-right{pointer-events:none;align-items:center;display:flex}.hud-top-right{justify-content:flex-end}.hud-logo-clickable{pointer-events:auto;min-height:unset;background:0 0;border:none;padding:0}@media (hover:hover){.hud-logo-clickable:hover{background:0 0}}.hud-top-center{pointer-events:none;justify-content:center;align-items:center;min-width:0;display:flex}.island-font{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-weight:500;font-size:var(--font-size-lg);color:var(--accent)}.island-divider{background:var(--glass-border);width:1px;height:16px;margin:0 var(--spacing-ms);opacity:.6;flex-shrink:0;display:block}.island-progress-wrap{flex:1;align-items:center;min-width:40px;display:flex}.progress-linear-container{border-radius:var(--radius-sm);background:0 0;width:100%;height:6px;display:block;position:relative;overflow:hidden}.progress-linear-container:before{content:"";background:var(--text-main);opacity:.12;z-index:var(--z-base);position:absolute;inset:0}.progress-linear-fill{z-index:var(--z-raised);background:var(--accent);border-radius:var(--radius-sm);height:100%;transition:width .6s var(--ease-out);display:block;position:relative}.hud-bottom-right{bottom:calc(var(--spacing-lg) + var(--safe-bottom));right:var(--spacing-lg);align-items:center;gap:var(--spacing-ms);pointer-events:none;z-index:var(--z-hud);transition:transform var(--transition-layout), opacity .16s ease;will-change:transform, opacity;flex-direction:column;display:flex;position:fixed}.hud-bottom-right.keyboard-mode{opacity:0;pointer-events:none;transform:translateY(12px)scale(.96)}.bottom-hud-container{bottom:calc(var(--spacing-lg) + var(--safe-bottom));pointer-events:none;z-index:var(--z-hud);align-items:center;gap:var(--spacing-ms);width:92%;max-width:var(--island-width);transition:top var(--transition-layout), bottom var(--transition-layout), left var(--transition-layout), transform var(--transition-layout);will-change:top, bottom, left, transform;flex-direction:column;display:flex;position:fixed;left:50%;transform:translate(-50%)}.bottom-hud-islands{pointer-events:auto;align-items:center;gap:var(--spacing-sm);width:100%;display:flex}.input-island{height:var(--control-lg);padding:0 var(--spacing-md);border-radius:var(--radius-sm);background:var(--glass-bg);border:1px solid var(--glass-border);transition:background var(--transition-normal), color var(--transition-normal), border-color var(--transition-normal);flex:1;align-items:center;min-width:0;display:flex}.input-island>*{z-index:var(--z-raised);position:relative}.input-field{width:100%;color:var(--text-main);font-size:var(--font-size-base);appearance:none;background:0 0;border:none;padding:0;font-weight:500}.input-field:focus,.input-field:active,.input-field:focus-visible{box-shadow:none;border:none;outline:none}.input-island:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-soft)}.input-island.success{border-color:var(--success);box-shadow:inset 3px 0 0 var(--success);background:var(--success-soft)}.input-island.error{border-color:var(--error);box-shadow:inset 3px 0 0 var(--error);background:var(--error-soft)}.input-island.warning{border-color:var(--warning);box-shadow:inset 3px 0 0 var(--warning);background:var(--warning-soft)}.input-island.success:after,.input-island.error:after,.input-island.warning:after{margin-left:var(--spacing-sm);flex-shrink:0;font-weight:700;line-height:1}.input-island.success:after{content:"✓" / "";color:var(--success)}.input-island.error:after{content:"✗" / "";color:var(--error)}.input-island.warning:after{content:"!" / "";color:var(--warning)}.input-island.is-rejected{animation:input-reject var(--dur-base) steps(4, end);border-color:var(--warning)}@media (width<=1024px){.top-hud-bar{top:var(--spacing-lg);grid-template-columns:var(--control-lg) 1fr var(--control-lg);row-gap:14px;column-gap:var(--spacing-sm);width:90%;transition:opacity var(--transition-normal);align-items:center;padding:0;left:50%;transform:translate(-50%)}.top-hud-bar.keyboard-mode{transform:translate(-50%)translateY(-2px)}.hud-top-center{width:100%}.island-divider{margin:0 var(--spacing-xs);height:var(--spacing-ms)}.island-progress-wrap{flex:1;min-width:30px}.hud-bottom-right{display:none}.bottom-hud-container{bottom:calc(var(--spacing-lg) + var(--safe-bottom));width:90%;transition:opacity var(--transition-normal)}}.score-pill{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-weight:500;font-size:var(--font-size-lg);color:var(--accent)}.score-pill .mini-pill-val,.score-pill .mini-pill-sub{font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit}.score-pill .mini-pill-sub{opacity:.7}.bottom-hud-container.keyboard-mode{transition:none}.input-field[type=search]::-webkit-search-decoration{-webkit-appearance:none;display:none}.input-field[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;display:none}.input-field[type=search]::-webkit-search-results-button{-webkit-appearance:none;display:none}.input-field[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;display:none}.hud-mini-pill{padding:0 var(--spacing-ms);border:1px solid var(--glass-border);height:40px;box-shadow:var(--glass-shadow);pointer-events:auto;gap:0;font-weight:600}.hud-mini-pill .mini-pill-val{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--accent);font-weight:500}.hud-mini-pill .mini-pill-sub{font-family:var(--font-display);font-variant-numeric:tabular-nums;opacity:.5;font-size:var(--font-size-xs)}.top-hud-bar.mobile-layout{top:var(--spacing-lg);pointer-events:none;grid-template-columns:auto 1fr auto;align-items:center;width:90%;max-width:480px;padding:0;left:50%;transform:translate(-50%)}.top-hud-bar.mobile-layout .hud-top-left{pointer-events:auto;align-items:center;display:flex}.top-hud-bar.mobile-layout .hud-top-right{pointer-events:auto;justify-content:flex-end;align-items:center;display:flex}.timer-pill{pointer-events:auto}.timer-pill .mini-pill-val{font-size:var(--font-size-lg);color:var(--text-main)}.timer-low .mini-pill-val{color:inherit}.hud-top-left .score-pill{margin-left:var(--spacing-sm)}.timer-pill.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-soft)}.timer-low{color:var(--error);animation:1s ease-in-out infinite alternate timer-alarm}.score-increased-flash{animation:score-tick var(--dur-pop) var(--steps-snap);color:var(--success)}@media (prefers-reduced-motion:reduce){.timer-low,.score-increased-flash,.input-island.is-rejected{animation:none}}.hud-play-controls{gap:var(--spacing-sm);pointer-events:auto;align-items:center;display:flex}.hud-hearts{align-items:center;gap:var(--spacing-xs);pointer-events:auto;display:flex}.hud-top-right .hud-hearts{margin-right:var(--spacing-sm)}.hud-hearts .heart-full{color:var(--error)}.hud-hearts .heart-lost{color:var(--text-muted);opacity:.35}.hearts-shake{animation:.45s steps(2,end) hearts-shake}.suggestions-list{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:var(--spacing-sm);gap:var(--spacing-xs);pointer-events:auto;width:100%;box-shadow:var(--glass-shadow);margin-bottom:var(--spacing-sm);flex-direction:column;display:flex}.suggestion-item{border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);min-height:var(--control-lg);color:var(--text-main);font-family:var(--font-main);font-size:var(--font-size-md);cursor:pointer;box-shadow:none;transition:background var(--dur-micro) var(--steps-press), color var(--dur-micro) var(--steps-press), box-shadow var(--dur-micro) var(--steps-press), transform var(--dur-micro) var(--steps-press);background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;font-weight:500;display:flex}@media (width<=1024px){.suggestion-item{font-size:var(--font-size-base)}}.suggestion-item[aria-selected=true],.suggestion-item.is-selected{background:var(--accent-soft);color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.suggestion-item:hover{background:var(--accent-soft);color:var(--accent);box-shadow:inset 3px 0 0 var(--accent);transform:translate(1px)}.suggestion-item:active{transform:var(--press-offset);transition:transform var(--dur-micro) var(--steps-press)}.suggestion-item[data-found=true]{opacity:.5}.suggestion-item[data-found=true]:hover,.suggestion-item[data-found=true][aria-selected=true]{opacity:.8}.suggestion-item .sug-left{align-items:baseline;gap:var(--spacing-xs);min-width:0;display:flex;overflow:hidden}.suggestion-item .sug-text{font-family:var(--font-main);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.suggestion-item .sug-sub{color:var(--text-muted);font-size:var(--font-size-xs);margin-left:var(--spacing-sm);white-space:nowrap;font-weight:400}.sug-found-badge{font-size:var(--font-size-xs);color:var(--text-muted);margin-left:var(--spacing-sm);align-items:center;display:inline-flex}.sug-check{font-weight:600}.logo-container{transform-style:preserve-3d;will-change:transform;justify-content:center;align-items:center;display:flex;container-type:inline-size}.logo-wrapper{pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.main-logo-svg{width:100%;height:100%;color:var(--text-main);display:block}.variant-pixel .main-logo-svg,.logo-container:not(.variant-vector) .main-logo-svg{image-rendering:pixelated;shape-rendering:crispedges}.logo-container.small{width:64px;height:48px}.logo-container.medium{width:140px;height:105px}@media (width<=768px){.logo-container{transform-style:flat}}@media (hover:hover){.logo-container:hover .main-logo-svg{filter:brightness(1.1)}}.hud-logo-clickable{transition:transform var(--dur-slow) var(--steps-snap);justify-content:center;align-items:center;display:flex}@media (hover:hover){.hud-logo-clickable:hover{transform:scale(1.15)}}.hud-logo-clickable:active{transform:scale(.95)}.logo-stars .star{opacity:.2;fill:currentColor;animation:pixel-star-twinkle var(--dur-ambient-slow) steps(2, start) infinite;transform-box:fill-box;transform-origin:50%}.variant-vector .logo-stars .star{animation:twinkle-goat var(--dur-ambient-slow) infinite ease-in-out}.star-2{animation-delay:calc(var(--dur-step) * 2)}.star-3{animation-delay:calc(var(--dur-step) * 12)}.star-4{animation-delay:calc(var(--dur-step) * 8)}.star-5{animation-delay:calc(var(--dur-step) * 21)}.star-6{animation-delay:calc(var(--dur-step) * 5)}.star-7{animation-delay:calc(var(--dur-step) * 15)}.star-8{animation-delay:calc(var(--dur-step) * 9)}.star-9{animation-delay:calc(var(--dur-step) * 18)}.star-10{animation-delay:calc(var(--dur-step) * 24)}.star-11{animation-delay:calc(var(--dur-step) * 3)}.star-12{animation-delay:calc(var(--dur-step) * 14)}@media (prefers-reduced-motion:reduce){.logo-stars .star{opacity:.5;animation:none}}.geo-status-wrapper{pointer-events:none;z-index:var(--z-overlay);place-items:center;display:grid;position:fixed;inset:0}.geo-status-wrapper.is-blocking{pointer-events:auto;background:var(--overlay-bg)}.geo-status-wrapper>.ui-state{max-width:min(320px,100vw - 32px);padding:var(--spacing-lg);background:var(--glass-bg);border:1px solid var(--glass-border-strong);border-radius:var(--radius-sm);-webkit-backdrop-filter:var(--blur-scrim);backdrop-filter:var(--blur-scrim)}.home-screen-overlay{width:100vw;height:100dvh;z-index:var(--z-screen);padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-xl) clamp(var(--spacing-xl), 6vw, 96px);box-sizing:border-box;justify-content:safe center;align-items:flex-start;gap:var(--spacing-xl);pointer-events:none;perspective:1000px;animation:ui-fade-in var(--dur-slow) var(--ease-out) both;background:0 0;flex-direction:column;display:flex;position:absolute;top:0;left:0;overflow-y:auto}.home-stage-container{pointer-events:auto;align-items:center;gap:var(--spacing-md);width:clamp(320px,88vw,440px);z-index:var(--z-home-content);animation:home-card-enter var(--dur-base) var(--steps-band) both;flex-direction:column;display:flex;position:relative}.home-bottom-right{bottom:var(--spacing-lg);right:var(--spacing-lg);pointer-events:auto;align-items:center;gap:var(--spacing-sm);z-index:var(--z-hud);display:flex;position:fixed}.sheet-panel:not(.profile-panel) .panel-body{gap:var(--spacing-xl)}.section-label{font-size:var(--font-size-sm);color:var(--text-muted);letter-spacing:.5px;font-weight:600}.home-screen-overlay.is-exiting{pointer-events:none}.home-screen-overlay.is-exiting .home-hero,.home-screen-overlay.is-exiting .home-stage-container,.home-screen-overlay.is-exiting .home-bottom-right{animation:home-block-exit var(--dur-screen-exit) var(--steps-band) forwards;pointer-events:none}@media (width<=768px){.home-screen-overlay{justify-content:space-between;align-items:stretch;gap:var(--spacing-md);padding:calc(var(--spacing-lg) + env(safe-area-inset-top,0px)) max(var(--spacing-md), env(safe-area-inset-right,0px)) calc(var(--spacing-lg) + env(safe-area-inset-bottom,0px)) max(var(--spacing-md), env(safe-area-inset-left,0px));box-sizing:border-box;flex-direction:column;height:100dvh;overflow-y:auto}.home-stage-container{align-self:center;gap:var(--spacing-md);width:min(100%,440px);margin-top:auto}.home-bottom-right{align-self:center;gap:var(--spacing-sm);z-index:var(--z-hud);flex-shrink:0;margin-top:0;position:relative;inset:auto;transform:none}}@media (prefers-reduced-motion:reduce){.home-screen-overlay{perspective:none}}.home-podium-spots{align-items:center;gap:0;height:100%;display:inline-flex}.widget-spot{justify-content:center;align-items:center;gap:var(--spacing-xs);height:100%;padding:0 var(--spacing-sm);background:0 0;border:0;display:inline-flex;position:relative}.widget-spot+.widget-spot{border-left:1px solid color-mix(in srgb, var(--text-main) 12%, transparent)}.widget-spot.rank-1{color:var(--text-main)}.widget-spot.rank-1:after{content:"";bottom:0;left:var(--spacing-xs);right:var(--spacing-xs);background:color-mix(in srgb, var(--text-main) 45%, transparent);height:1px;position:absolute}.widget-spot.rank-2,.widget-spot.rank-3{color:var(--text-muted)}.widget-rank-num{width:auto;height:auto;font-family:var(--font-display);font-size:var(--font-size-xs);color:currentColor;background:0 0;border:0;padding:0;font-weight:700;line-height:1;position:static}.profile-icon,.settings-icon{z-index:var(--z-raised);pointer-events:none;width:18px;height:18px;color:inherit;justify-content:center;align-items:center;line-height:0;display:inline-flex}.profile-icon svg,.settings-icon svg{shape-rendering:crispedges;flex-shrink:0;width:18px;height:18px;display:block}@media (width>=1025px){.settings-panel.sheet-panel{width:380px;max-height:calc(100dvh - 140px);overflow:hidden}}@media (width<=1024px){.settings-panel.sheet-panel{flex-direction:column;display:flex}.settings-panel.sheet-panel .panel-body{padding-bottom:calc(var(--spacing-md) + var(--safe-bottom));flex:1;overflow-y:auto}}.home-hero{z-index:var(--z-home-content);gap:var(--spacing-xs);pointer-events:none;--hero-logo-w:150px;flex-direction:column;display:flex;position:relative}.home-hero-brand{align-items:center;gap:var(--spacing-sm);pointer-events:auto;display:flex}.home-dev-badge{font-family:var(--font-display);font-size:var(--font-size-2xs);letter-spacing:1px;color:var(--text-muted);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:var(--spacing-xxs) var(--spacing-xs);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}.home-hero .home-hero-logo.logo-container.medium{width:var(--hero-logo-w);height:calc(var(--hero-logo-w) * .75);margin-left:calc(var(--hero-logo-w) * -.028)}.home-hero-logo .main-logo-svg{color:var(--text-main);animation:home-logo-fade var(--dur-slow) var(--ease-out) both;image-rendering:pixelated;shape-rendering:crispedges}.home-hero-logo .logo-stars .star{fill:var(--accent)}.home-hero-title{font-family:var(--font-display);white-space:pre-line;color:var(--text-main);margin:0;font-size:clamp(3rem,5vw,5rem);font-weight:600;line-height:.95}.home-hero-sub{margin:0}@media (width<=768px){.home-hero{--hero-logo-w:96px;gap:var(--spacing-xs)}.home-hero-title{font-size:clamp(1.75rem,7.5vw,2.25rem);line-height:1.05}}@media (width<=768px) and (height<=700px){.home-hero{--hero-logo-w:80px}.home-hero-title{font-size:clamp(1.5rem,7vw,1.95rem);line-height:1.05}}@media (prefers-reduced-motion:reduce){.home-hero-logo .main-logo-svg{animation:none}}@media (width>=769px){.home-screen-overlay{gap:var(--spacing-xl);padding-left:clamp(var(--spacing-xl), 6vw, 112px)}.home-hero{--hero-logo-w:clamp(96px, 8vw, 128px);gap:var(--spacing-sm)}.home-hero-title{letter-spacing:0;text-shadow:none;font-size:clamp(2rem,2.8vw,3.35rem);font-weight:400;line-height:1.12}}@media (width>=769px) and (height<=760px){.home-screen-overlay{gap:var(--spacing-lg);padding-bottom:calc(var(--control-lg) + var(--spacing-lg) * 2)}.home-hero{--hero-logo-w:clamp(76px, 6vw, 92px);gap:var(--spacing-xs)}.home-hero-title{font-size:clamp(1.6rem,2.2vw,2.1rem);font-weight:400;line-height:1.12}}.home-dock-label{display:none}@media (width>=769px){.home-bottom-right{bottom:var(--spacing-lg);right:var(--spacing-lg);z-index:var(--z-hud);align-items:center;gap:var(--spacing-ms);-webkit-backdrop-filter:none;box-shadow:none;pointer-events:auto;background:0 0;border:none;border-radius:0;flex-direction:row;margin:0;padding:0;display:inline-flex;position:fixed;overflow:visible}.home-dock-label{font-family:var(--font-main);font-size:var(--font-size-xs);color:var(--text-muted);letter-spacing:.02em;white-space:nowrap;transition:color var(--dur-fast) linear;font-weight:500;display:inline-block}.home-bottom-right .home-podium-spots{border-right:1px solid color-mix(in srgb, var(--text-main) 12%, transparent)}}@media (width>=1440px){.home-bottom-right{bottom:clamp(var(--spacing-lg), 2vw, var(--spacing-xl));right:clamp(var(--spacing-lg), 2vw, var(--spacing-xl))}}@media (prefers-reduced-motion:reduce){.home-dock-label{transition:none}}.cards-deck-wrapper{-webkit-user-select:none;user-select:none;width:100%;max-width:440px;animation:atlasDeckIn var(--dur-slow) var(--ease-out) both;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;padding:0;display:flex;position:relative}.deck-click-zone{width:75px;height:250px;z-index:var(--z-carousel-controls);pointer-events:none;background:0 0;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.deck-click-zone.left{justify-content:flex-start;padding-left:6px;left:-20px}.deck-click-zone.right{justify-content:flex-end;padding-right:6px;right:-20px}@media (hover:none) and (pointer:coarse){.deck-click-zone{display:none}}.deck-stage{touch-action:none;cursor:grab;justify-content:center;align-items:center;width:320px;height:240px;display:flex;position:relative}.deck-stage:active{cursor:grabbing}.card-plate-pattern{pointer-events:none;border-radius:inherit;z-index:var(--z-raised);background:radial-gradient(circle at 86% 24%, color-mix(in srgb, var(--card-mode-accent,var(--accent)) 16%, transparent) 0%, transparent 58%), repeating-linear-gradient(90deg, color-mix(in srgb, var(--card-mode-accent,var(--text-main)) 6%, transparent) 0 1px, transparent 1px 32px), repeating-linear-gradient(0deg, color-mix(in srgb, var(--card-mode-accent,var(--text-main)) 6%, transparent) 0 1px, transparent 1px 32px);position:absolute;inset:0}.card-plate-pattern:after{content:none}.card-plate-meta{font-family:var(--font-display);justify-content:space-between;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-2xs);letter-spacing:.04em;color:var(--text-muted);display:flex}.card-plate-number{font-family:var(--font-display);letter-spacing:.08em;color:color-mix(in srgb, var(--card-mode-accent,var(--accent)) 72%, var(--text-muted))}.card-plate-count{padding:1px var(--spacing-xs);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--text-main) 6%, transparent);color:var(--text-muted);font-size:var(--font-size-2xs);border:none;line-height:1.3}.card-content{z-index:var(--z-raised-2);gap:var(--spacing-xs);min-height:64px;transition:transform var(--dur-slow) var(--ease-out);text-align:left;flex-direction:column;display:flex;position:relative}.card-header-row{justify-content:space-between;align-items:center;gap:var(--spacing-ms);width:100%;display:flex}.card-mode-icon{border:1px solid color-mix(in srgb, var(--card-mode-accent,var(--text-main)) 24%, transparent);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--card-mode-accent,var(--text-main)) 8%, var(--bg-color));color:var(--card-mode-accent,var(--accent));opacity:1;flex-shrink:0;justify-content:center;align-items:center;padding:2px;display:flex}.card-title{font-family:var(--font-display);font-size:var(--font-size-2xl);color:color-mix(in srgb, var(--text-main) 94%, var(--text-muted));white-space:pre-line;letter-spacing:.02em;-webkit-line-clamp:2;text-transform:none;-webkit-box-orient:vertical;flex:1;margin:0;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.card-desc{margin:0}.card-actions{z-index:var(--z-raised-5);align-items:center;gap:var(--spacing-sm);margin-top:auto;display:flex;position:relative}.deck-dots-row{justify-content:center;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-md);width:100%;display:flex}.deck-dot{background:color-mix(in srgb, var(--text-muted) 45%, transparent);opacity:.7;cursor:pointer;width:6px;height:6px;box-shadow:none;transition:width var(--dur-fast) var(--steps-snap), background var(--dur-fast) linear, opacity var(--dur-fast) linear;border:none;border-radius:0;padding:0;position:relative}.deck-dot:after{content:"";min-width:var(--control-md);min-height:var(--control-md);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.deck-dot:hover{opacity:.9;background:var(--text-main)}.deck-dot.active{background:var(--text-main);opacity:1;width:16px;height:6px;box-shadow:none;border-radius:0}@media (width<=768px){.cards-deck-wrapper{max-width:100%;padding:0}.deck-stage{width:100%;height:196px}.card-title{font-size:var(--font-size-xl);line-height:1.2}.deck-click-zone.left{width:60px;left:-15px}.deck-click-zone.right{width:60px;right:-15px}.deck-dots-row{margin-top:var(--spacing-md)}}.deck-stage{--drag-x:0px;--drag-abs-x:0px;--drag-rot:0deg;--drag-progress:0}.desktop-reveal{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.deck-counter{display:none}@media (width>=769px){.home-screen-overlay{--deck-w:clamp(440px, 34vw, 540px);--deck-h:clamp(248px, 18.5vw, 264px)}.home-stage-container{width:var(--deck-w);align-items:flex-start;margin:0}.cards-deck-wrapper{width:var(--deck-w);max-width:var(--deck-w);justify-content:start;row-gap:var(--spacing-lg);column-gap:var(--spacing-md);grid-template:"stage stage stage""prev dots next"/auto auto auto;align-items:center;display:grid}.deck-stage{width:var(--deck-w);height:var(--deck-h);grid-area:stage}.deck-click-zone.left{grid-area:prev}.deck-click-zone.right{grid-area:next}.deck-dots-row{justify-content:center;align-items:center;gap:var(--spacing-sm);grid-area:dots;width:auto;margin:0;display:flex}.deck-click-zone{pointer-events:auto;background:0 0;border:none;justify-content:center;align-items:center;width:auto;height:auto;margin:0;padding:0;display:flex;position:static;transform:none}.deck-dot{background:color-mix(in srgb, var(--text-muted) 45%, transparent);opacity:.7;cursor:pointer;width:8px;height:8px;box-shadow:none;transition:width var(--dur-fast) var(--steps-snap), background var(--dur-fast) linear, opacity var(--dur-fast) linear;border:none;border-radius:0;padding:0;position:relative}.deck-dot:after{content:"";min-width:var(--control-sm);min-height:var(--control-sm);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.deck-dot:hover{opacity:.9;background:var(--text-main)}.deck-dot:focus-visible{outline:2px solid var(--text-main);outline-offset:2px}.deck-dot.active{background:var(--text-main);opacity:1;width:24px;height:8px}.deck-counter{font-family:var(--font-display);font-size:var(--font-size-xs);color:var(--text-muted);letter-spacing:.08em;margin-left:var(--spacing-sm);display:inline-block}.card-plate-meta{font-size:var(--font-size-xs);letter-spacing:.08em}.card-plate-number{color:color-mix(in srgb, var(--card-mode-accent,var(--accent)) 72%, var(--text-muted))}.card-plate-count{font-size:var(--font-size-2xs);color:var(--text-muted)}.card-header-row{align-items:flex-start;gap:var(--spacing-md)}.card-title{font-family:var(--font-display);letter-spacing:0;text-shadow:none;font-size:clamp(1.5rem,2vw,2.05rem);font-weight:500;line-height:1.15}.card-mode-icon{border:1px solid color-mix(in srgb, var(--card-mode-accent,var(--accent)) 28%, transparent);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--card-mode-accent,var(--accent)) 8%, var(--bg-color));width:76px;min-width:76px;height:60px;color:var(--card-mode-accent,var(--accent));justify-content:center;align-items:center;padding:2px;display:flex}.card-mode-icon svg{width:72px;height:56px}.card-desc.desktop-reveal{width:auto;height:auto;margin:var(--spacing-xs) 0 0;clip-path:none;white-space:normal;font-family:var(--font-main);font-weight:400;font-size:var(--font-size-sm);color:var(--text-muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;padding:0;line-height:1.45;display:-webkit-box;position:static;overflow:hidden}.card-actions{gap:var(--spacing-ms);margin-top:var(--spacing-lg)}.card-btn-label.desktop-reveal{clip-path:none;white-space:nowrap;width:auto;height:auto;font-family:var(--font-main);font-size:var(--font-size-xs);margin:0;padding:0;font-weight:500;position:static;overflow:visible}}@media (width>=769px) and (height<=760px){.home-screen-overlay{--deck-h:244px}}@media (prefers-reduced-motion:reduce){.deck-dot{transition:none}}.card-pixel-art-svg{width:54px;height:42px;image-rendering:pixelated;display:block}@media (width>=769px){.card-pixel-art-svg{width:72px;height:56px}}