.bg-page{padding-bottom:2rem;position:relative;overflow-x:clip}.bg-hero{isolation:isolate;grid-template-areas:"intro""game""optin";gap:1.5rem;max-width:72rem;margin-inline:auto;padding:1.15rem 1rem 0;display:grid;position:relative}@media (min-width:40rem){.bg-hero{gap:1.5rem;padding:2rem 1.5rem 0}}@media (min-width:64rem){.bg-hero{grid-template:"intro game""optin game"1fr/minmax(0,.72fr) minmax(0,1.28fr);align-items:start;gap:1.75rem 3.25rem;padding-top:3.25rem}}@media (min-width:72rem){.bg-hero{grid-template-columns:minmax(0,.66fr) minmax(0,1.34fr)}}.bg-intro{grid-area:intro}@media (min-width:64rem){.bg-intro{container-type:inline-size}}.bg-game{grid-area:game;min-width:0}.bg-mark{z-index:-1;width:clamp(14rem,62vw,26rem);height:auto;top:-.75rem;right:-5.5rem}@media (min-width:64rem){.bg-mark{width:24rem;top:.5rem;left:-3rem;right:auto}}.bg-h1{letter-spacing:-.01em;color:var(--sd-text-primary);margin-top:.7rem;font-size:clamp(1.8rem,8.4vw - .1rem,3.7rem);line-height:1.02}@media (min-width:64rem){.bg-h1{font-size:min(4.2rem,12cqi)}}.bg-h1-then{color:var(--sd-pen-ink);display:block}.bg-lede{max-width:34rem;color:var(--sd-text-secondary);margin-top:.75rem;font-size:1.05rem;line-height:1.6}@media (min-width:64rem){.bg-lede{font-size:1.12rem}}.bg-cab{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--sd-bg:#090b16;--sd-surface:#11152a;--sd-surface-elevated:#1a1f3a;--sd-fill:#eceefa12;--sd-accent:#9bb0ff;--sd-text-primary:#eceefa;--sd-text-secondary:#a6abc8;--sd-border:#eceefa1f;--sd-border-strong:#eceefa3d;--sd-pen:#ff5b3d;--sd-pen-ink:#ff8166;--sd-gold:#ffcf70;color:var(--sd-text-primary);background:linear-gradient(#171c38,#0c0f20 70%);border:1px solid #9bb0ff2e;border-radius:22px;padding:.55rem .55rem .7rem;position:relative;box-shadow:0 34px 60px -36px #090b16cc,0 2px 8px -4px #090b1680,inset 0 1px #ffffff12}@media (min-width:40rem){.bg-cab{border-radius:26px;padding:.75rem .75rem .85rem}}.bg-screen{aspect-ratio:168/92;background:linear-gradient(#080a18 0%,#0f132b 42%,#1a2147 78%,#0a0d1e 100%);border-radius:14px;place-items:center;display:grid;position:relative;overflow:hidden}.bg-screen:before{content:"";aspect-ratio:1;background:#fff3d6;border-radius:50%;width:9.2%;position:absolute;top:6%;left:76.9568%;box-shadow:0 0 0 .45rem #1c2350d9}.bg-canvas{z-index:1;width:100%;height:100%;image-rendering:pixelated;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;opacity:0;transition:opacity .45s;display:block;position:relative}.bg-screen[data-ready] .bg-canvas{opacity:1}.bg-cab[data-mode=play] .bg-canvas{touch-action:none}.bg-canvas:focus-visible{outline:none}.bg-screen:has(.bg-canvas:focus-visible){outline:2.5px solid var(--sd-pen);outline-offset:3px}.bg-canvas{cursor:pointer}.bg-cab[data-mode=build] .bg-canvas{cursor:crosshair}.bg-banner{z-index:2;pointer-events:none;opacity:0;align-content:start;justify-items:center;gap:.4rem;padding-top:12%;display:grid;position:absolute;inset:0}.bg-banner[data-show]{animation:bg-banner 3.6s var(--ease-out-expo) both}.bg-banner-kick{color:#ffcf70;font:800 .66rem/1 var(--font-sans);letter-spacing:.22em;text-transform:uppercase;background:#090b16d1;border-radius:999px;padding:.38rem .7rem}.bg-banner-line{color:#fff;text-align:center;background:#090b16d1;border-radius:10px;padding:.3rem .8rem .42rem;font-size:clamp(1.15rem,5.2vw,1.9rem);line-height:1.15}@keyframes bg-banner{0%{opacity:0;scale:.82}9%{opacity:1;scale:1.05}15%{scale:1}82%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.bg-banner[data-show]{opacity:1;animation:none}}.bg-deck{gap:.6rem;padding:.65rem .1rem 0;display:grid}.bg-statusrow{align-items:flex-start;gap:.55rem;min-height:2.5rem;display:flex}.bg-chip{color:#c3d0ff;font:800 .6rem/1 var(--font-sans);letter-spacing:.14em;text-transform:uppercase;background:#9bb0ff24;border-radius:6px;flex:none;margin-top:.05rem;padding:.36rem .48rem}.bg-chip[data-mode=play]{color:#ff9a85;background:#ff5b3d29}.bg-chip[data-mode=build]{color:#ffcf70;background:#ffcf7024}.bg-status{color:#d9ddf2;min-width:0;font:600 .84rem/1.42 var(--font-sans);text-wrap:pretty;flex:1}.bg-count{color:#ffcf70;font:750 .8rem/1 var(--font-sans);font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:.3rem;margin-top:.12rem;display:inline-flex}.bg-count[data-none]{visibility:hidden}.bg-count-icon{color:#ff6a48;width:14px;height:14px}.bg-tools{gap:.4rem;display:flex}.bg-tool{color:#dfe3f7;min-width:0;min-height:3.35rem;font:700 .7rem/1 var(--font-sans);letter-spacing:.02em;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#1a1f3a;border:1px solid #9bb0ff2e;border-radius:12px;flex:1 1 0;align-content:center;place-items:center;gap:.28rem;padding:.4rem .15rem;transition:scale .15s,background-color .2s,border-color .2s;display:grid}.bg-tool:active{scale:.94}@media (hover:hover){.bg-tool:hover{border-color:#9bb0ff6b}}.bg-tool[aria-pressed=true]{color:#fff;background:#2b3a96;border-color:#9bb0ff;box-shadow:inset 0 -3px #9bb0ff}.bg-tool-play,.bg-jump{color:#fff;background:#d63a22;border-color:#d63a22;box-shadow:inset 0 -3px #00000038}@media (hover:hover){.bg-tool-play:hover,.bg-jump:hover{background:#c2311b;border-color:#c2311b}}.bg-jump{flex:3 1 0;justify-content:center;align-items:center;gap:.55rem;font-size:.92rem;display:flex}.bg-ico{width:20px;height:20px}@media (min-width:40rem){.bg-tools{gap:.5rem}.bg-tool{min-height:3.5rem;font-size:.76rem}}.bg-keys{display:none}@media (hover:hover) and (pointer:fine){.bg-keys{color:#a6abc8;font:500 .75rem/1.4 var(--font-sans);text-align:center;margin-top:.7rem;display:block}.bg-keys kbd{color:#dfe3f7;font:inherit;background:#ffffff12;border:1px solid #ffffff1f;border-radius:4px;padding:.05rem .35rem;font-weight:700}}.bg-optin{border:1px solid var(--sd-border);background:var(--sd-surface);box-shadow:0 24px 48px -36px var(--sd-card-shadow);border-radius:22px;grid-area:optin;margin-top:1.5rem;padding:1.2rem 1.1rem 1.15rem;position:relative}@media (min-width:40rem){.bg-optin{padding:1.5rem 1.5rem 1.35rem}}@media (min-width:64rem){.bg-optin{margin-top:0}}.bg-optin:after{content:"";border:2px solid var(--sd-pen);border-radius:inherit;opacity:0;pointer-events:none;position:absolute;inset:-1px}.bg-optin.bg-ping:after{animation:1.4s ease-out 2 bg-ping}@keyframes bg-ping{0%{opacity:0}18%{opacity:1}to{opacity:0}}.bg-optin-title{word-spacing:.06em;margin-top:.55rem;font-size:clamp(1.3rem,5.2vw,1.6rem);line-height:1.15}.bg-optin-copy{max-width:32rem;color:var(--sd-text-secondary);margin-top:.45rem;font-size:1rem;line-height:1.55}.bg-form{margin-top:.95rem}.bg-shelf{contain-intrinsic-size:auto 560px}.bg-shelf-title{margin-top:.55rem;font-size:clamp(1.7rem,6.4vw,2.4rem);line-height:1.1}.bg-shelf-note{max-width:34rem;color:var(--sd-text-secondary);margin-top:.45rem;font-size:1.02rem;line-height:1.55}.bg-slots{gap:.85rem;margin-top:4.25rem;display:grid;position:relative}@media (min-width:48rem){.bg-slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}}.bg-shelf-kiru{z-index:1;pointer-events:none;width:5.4rem;height:auto;position:absolute;top:-4.35rem;right:.75rem}.bg-slot{border-radius:var(--radius-xl);align-content:space-between;gap:.6rem;min-height:9rem;padding:1.05rem 1.15rem 1.1rem;display:grid;position:relative}.bg-slot-n{color:var(--sd-text-secondary);font:400 1.9rem/1 var(--font-display);font-size-adjust:.5}.bg-empty{border:1.5px dashed var(--sd-border-strong);background-color:color-mix(in srgb, var(--sd-surface) 60%, transparent);background-image:radial-gradient(circle, var(--sd-border-strong) 1.1px, transparent 1.6px);background-position:8px 8px;background-size:16px 16px}.bg-empty-label{color:var(--sd-text-secondary);font:750 .7rem/1 var(--font-sans);letter-spacing:.16em;text-transform:uppercase}@media (max-width:47.99rem){.bg-empty{grid-template-columns:3.3rem 1fr;align-content:center;align-items:center;gap:1.1rem;min-height:4.5rem}}.bg-guide{color:var(--sd-text-primary)}.bg-guide-title{word-spacing:.06em;font-size:1.25rem;line-height:1.2}.bg-guide-line{color:var(--sd-text-secondary);font-size:.95rem;line-height:1.5}.bg-guide-meta{color:var(--sd-text-secondary);justify-content:space-between;align-items:center;gap:.75rem;font-size:.85rem;display:flex}.bg-guide-go{color:var(--sd-accent);align-items:center;gap:.3rem;font-weight:700;display:inline-flex}