:root{--night:#070d1a;--sky:#0b1322;--ink:#11192a;--stone:#2e384a;--arris:#78889b;--cream:#f5efe4;--cobalt:#2350be;--cobalt-lit:#3475d3;--cobalt-deep:#162974;--glow:#6e96ff;--muted:#9aa6ba;--dim:#75829a;--ember:#ef7a52;--rim-lit:#f5efe480;--rim-dark:#0000008c;--t-hero:64px;--t-title:40px;--t-head:22px;--t-body:15px;--t-label:13px;--settle:cubic-bezier(.2, .9, .25, 1.12);--ease:cubic-bezier(.2, .7, .2, 1);--t-step:.17s;--t-open:.52s;--t-scene:.9s}*,:before,:after{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;margin:0;padding:0;overflow:hidden}body{background:var(--night);color:var(--cream);font-family:var(--f-display), system-ui, sans-serif;font-size:var(--t-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}a{color:inherit;text-decoration:none}::selection{background:var(--cobalt);color:var(--cream)}.stage{background:var(--night);position:fixed;inset:0;overflow:clip}.world{pointer-events:none;position:absolute;inset:0}.field{position:absolute;inset:0}.board-wrap{pointer-events:none;position:absolute;inset:0;overflow:clip}.board-wrap[data-floor]{pointer-events:auto;overflow:auto}.board{transform-origin:0 0;pointer-events:none;position:absolute;top:0;left:0}.board :is(a,button,input,textarea,select,label,summary,[data-ui]){pointer-events:auto}.screen{position:absolute;inset:0}.skip{z-index:50;background:var(--cream);color:var(--ink);pointer-events:auto;clip-path:inset(50%);opacity:0;padding:10px 14px;font-weight:700;position:absolute;top:16px;left:16px}.skip:focus{clip-path:none;opacity:1}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:1px solid var(--cream);outline-offset:3px;box-shadow:0 0 0 4px #f5efe41f}.plate{background:linear-gradient(180deg in oklab, #f5efe412, #f5efe400 64px), repeating-linear-gradient(180deg, #78889b09 0 2px, transparent 2px 9px, #78889b05 9px 10px, transparent 10px 17px), linear-gradient(180deg in oklab, #151d30, #0b111f);box-shadow:inset 0 1px 0 var(--rim-lit), inset 0 2px 0 #f5efe40f, inset 1px 0 0 #78889b29, inset -1px 0 0 #0006, inset 0 -1px 0 #0009, 0 24px 48px -16px #02050cd9, 0 2px 0 #03060ee6;border-radius:3px}.plate[data-sunk]{background:linear-gradient(180deg in oklab, #080d18, #0d1424);box-shadow:inset 0 2px 6px #0009,inset 0 -1px #78889b2e,inset 1px 0 #0006}.well{background:repeating-linear-gradient(180deg, #78889b06 0 2px, transparent 2px 11px), linear-gradient(180deg in oklab, #03060de6, #080d19db);border-radius:2px;box-shadow:inset 0 3px 10px #000000bf,inset 0 -1px #78889b47,inset 1px 0 #0000008c,inset -1px 0 #78889b1f,0 0 0 5px #141c2c,0 0 0 6px #03060ecc,0 -6px 0 1px #f5efe429,0 8px 22px 2px #0000008c}.well[data-open]{background:repeating-linear-gradient(180deg, #78889b06 0 2px, transparent 2px 11px), linear-gradient(180deg in oklab, #03060de6, #080d19db)}.strip{flex-wrap:wrap;align-items:baseline;gap:4px 20px;display:flex}.strip>button{all:unset;cursor:pointer;font:650 15px/1 var(--f-display);letter-spacing:.005em;color:#f5efe485;transition:color var(--t-step) var(--ease), text-shadow var(--t-step) var(--ease);white-space:nowrap;padding:7px 0 10px;position:relative}.strip>button:hover{color:#f5efe4d9}.strip>button[aria-checked=true]{color:var(--cream);text-shadow:0 0 16px #f5efe459}.strip>button[aria-checked=true]:after{content:"";background:linear-gradient(90deg, var(--cream), #f5efe414);height:3px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 10px #f5efe48c}.strip>button:focus-visible{color:var(--cream);text-shadow:0 0 18px #f5efe499;outline:none}.strip>button:focus-visible:before{content:"";outline:1px solid #f5efe499;position:absolute;inset:-4px -6px}.strip[data-size=s]>button{padding:6px 0 8px;font-size:14px}.strip[data-size=l]>button{font:800 21px/1 var(--f-display);letter-spacing:-.01em;padding:6px 0 12px}.footing{width:var(--fw,22px);height:var(--fh,44px);flex:none;display:inline-block;position:relative}.footing>b{height:var(--block,12px);background:repeating-linear-gradient(180deg, #070d1a73 0 1px, transparent 1px 3px), linear-gradient(180deg in oklab, #3d4859, #141c2c);position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 1.5px #f5efe4,0 0 10px -2px #f5efe459}.footing>i{width:1.5px;left:50%;bottom:var(--block,12px);height:var(--lift,0px);background:linear-gradient(#6e96ff,#3475d366);margin-left:-.75px;position:absolute;box-shadow:0 0 6px #6e96ffb3}.footing>em{left:50%;bottom:calc(var(--block,12px) + var(--lift,0px));background:radial-gradient(70% 60% at 35% 30% in oklab, #4d86e6, #2350be 70%);border-radius:50%;width:9px;height:16px;margin-left:-5px;position:absolute;box-shadow:2.5px 0 #162974,inset -1px 0 #6e96ff99,0 0 10px #6e96ff8c}.footing[data-above]>em{width:7px;height:7px;bottom:calc(var(--block,12px) + var(--lift,0px) - 3px);background:#dce8ff;margin-left:-3.5px;box-shadow:0 0 8px 2px #6e96ffcc}.lit[data-dot] .pt{color:#0000;text-shadow:none;background:linear-gradient(var(--cream), var(--cream)) no-repeat 50% 80% / .17em .17em;margin:0 -.16em 0 -.1em}.key{all:unset;box-sizing:border-box;height:44px;font:650 15px/1 var(--f-display);letter-spacing:.005em;color:var(--cream);cursor:pointer;background:linear-gradient(180deg in oklab, #222c41, #131b2c);transition:background var(--t-step) var(--ease), box-shadow var(--t-step) var(--ease), translate 80ms var(--ease), color var(--t-step);white-space:nowrap;border-radius:3px;justify-content:center;align-items:center;gap:10px;padding:0 18px;display:inline-flex;box-shadow:inset 0 1px #f5efe46b,inset 0 -2px #00000073,inset 1px 0 #78889b26,0 2px #050912,0 6px 14px -6px #000000b3}.key:hover{background:linear-gradient(180deg in oklab, #2a3550, #172034);box-shadow:inset 0 1px #f5efe4b3,inset 0 -2px #00000073,inset 1px 0 #78889b33,0 2px #050912,0 8px 18px -6px #000000b3}.key:is(:active,[data-pressed]){translate:0 2px;box-shadow:inset 0 1px #f5efe424,inset 0 2px 5px #00000080,0 0 #050912}.key[disabled],.key[aria-disabled=true]{opacity:.45;cursor:not-allowed}.key[aria-disabled=true]:active{translate:none}.key[data-on]{color:var(--ink);background:linear-gradient(180deg in oklab, #fbf7ee, #d9d0bf);box-shadow:inset 0 1px #fff,inset 0 -2px #50463259,0 2px #3a3a3a,0 0 22px -4px #f5efe459}.key[data-tone=floor]{color:var(--ink);background:repeating-linear-gradient(180deg, #78644600 0 5px, #78644612 5px 6px), linear-gradient(180deg in oklab, #fbf7ee, #d6ccb8);box-shadow:inset 0 1px #fff,inset 0 -2px #50463259,0 2px #2b2a27,0 0 28px -6px #f5efe473}.key[data-tone=floor]:hover{background:repeating-linear-gradient(180deg, #78644600 0 5px, #78644612 5px 6px), linear-gradient(180deg in oklab, #fffdf7, #e4dac6)}.key[data-tone=floor]:is(:active,[data-pressed]){box-shadow:inset 0 2px 5px #50463273,0 0 #2b2a27}.key[data-tone=coin]{background:linear-gradient(180deg in oklab, #3a7be0, #1f46aa);box-shadow:inset 0 1px #dce8ffbf,inset 0 -2px #0a144699,0 2px #0c1a4a,0 0 26px -6px #5082ff8c}.key[data-tone=coin]:hover{background:linear-gradient(180deg in oklab, #4a8af0, #2853bb)}.key[data-tone=coin]:is(:active,[data-pressed]){box-shadow:inset 0 2px 5px #050a2899,0 0 #0c1a4a}.key[data-size=s]{height:34px;padding:0 12px;font-size:14px}.key[data-size=l]{height:54px;padding:0 26px;font-size:17px}.slot{all:unset;box-sizing:border-box;width:100%;height:46px;font:500 16px/1 var(--f-mono);color:var(--cream);background:linear-gradient(180deg in oklab, #050913, #0b1220);transition:box-shadow var(--t-step) var(--ease);cursor:text;border-radius:3px;padding:0 14px;box-shadow:inset 0 2px 5px #000000a6,inset 0 -1px #78889b47,inset 1px 0 #00000080}.slot::placeholder{color:#67738a}.slot:focus{outline:none;box-shadow:inset 0 2px 5px #000000a6,inset 0 -1px #f5efe4b3,0 0 0 1px #f5efe459}.slot[aria-invalid=true]{box-shadow:inset 0 2px 5px #000000a6, inset 0 -1px 0 var(--ember), 0 0 0 1px #ef7a5280}textarea.slot{white-space:pre-wrap;height:auto;padding:12px 14px;line-height:1.45}.engraved{color:#040812b8;text-shadow:0 1px #f5efe447,0 -1px #0009}.lit{font-family:var(--f-mono);color:var(--cream);text-shadow:0 0 14px #f5efe46b;font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-weight:700}.lit .sub{vertical-align:-.2em;margin:0 .04em;font-size:.6em}.lit[data-dot]{font-family:var(--f-lit);letter-spacing:.01em;font-weight:800}.lit[data-dot] .sep{margin:0 -.16em 0 -.1em}.lit[data-tone=coin]{color:#b9ceff;text-shadow:0 0 14px #6e96ff8c}.label{font:500 var(--t-label)/1.3 var(--f-mono);color:var(--muted);letter-spacing:.01em}.num{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.price{color:#b9ceff}.floor{color:var(--cream)}.reading{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--arris) transparent;overflow-y:auto}.reading[data-more]{-webkit-mask-image:linear-gradient(#000 calc(100% - 34px),#00000040);mask-image:linear-gradient(#000 calc(100% - 34px),#00000040)}.reading::-webkit-scrollbar{width:8px}.reading::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#2e384a,#78889b);border-radius:0}.reading::-webkit-scrollbar-track{background:#00000040}@keyframes settle-in{0%{opacity:0;transform:translateY(-18px)}60%{opacity:1;transform:translateY(2px)}to{opacity:1;transform:none}}@keyframes ignite{0%{opacity:0;filter:brightness(2.2)}to{opacity:1;filter:none}}@keyframes rise{0%{transform:translateY(0)}35%{transform:translateY(calc(-34px * var(--s,1)))}70%{transform:translateY(calc(4px * var(--s,1)))}to{transform:none}}@keyframes blink{50%{opacity:.35}}@keyframes spin-edge{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.settles{animation:settle-in .52s var(--settle) both;animation-delay:calc(var(--i,0) * 60ms)}html[data-entrance=hold] [data-assemble]{opacity:0;transform:translateY(-14px)}html[data-entrance=event] [data-assemble]{animation:settle-in .64s var(--settle) both;animation-delay:calc(.7s + var(--i,0) * 70ms)}html[data-entrance=event] [data-rise]{animation:rise .9s var(--settle) both, ignite .9s var(--ease) both}html[data-entrance=hold] [data-rise]{opacity:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-delay:0s!important}}@media (hover:hover) and (pointer:fine){html[data-cursor] .stage,html[data-cursor] .stage *{cursor:none!important}html[data-cursor] .stage :is(input,textarea){cursor:text!important}}.cursor{z-index:100;pointer-events:none;will-change:transform;position:fixed;top:0;left:0}.lost{width:760px;position:absolute;top:230px;left:96px}.lost h1{font:900 var(--t-title)/1 var(--f-display);letter-spacing:-.02em;margin:0 0 18px}.lost p{color:var(--muted);margin:0 0 28px;font-size:17px;line-height:1.5}.board[data-layout=phone] .lost{width:auto;top:150px;left:20px;right:20px}.board[data-layout=phone] .lost h1{font-size:30px}.board[data-layout=phone] .lost p{font-size:15px}.cursor .cursor-ring{opacity:0;transition:opacity .16s var(--ease), transform .22s var(--settle);transform-box:fill-box;transform-origin:50%;transform:scale(.6)}.cursor[data-state=press] .cursor-ring{opacity:.8;transform:scale(1)}.cursor[data-state=press] .cursor-spark{filter:drop-shadow(0 0 6px #f5efe4e6)}.cursor[data-state=text]{opacity:0!important}.cursor[data-down] .cursor-spark{filter:brightness(1.6)drop-shadow(0 0 10px #fff)}.cursor[data-down] .cursor-ring{transform:scale(.75)}@keyframes layer-sheen{0%{background-position:200% 0}to{background-position:0 0}}