@font-face{font-family:Archivo;src:url(fonts/archivo-500.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Archivo;src:url(fonts/archivo-600.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Archivo;src:url(fonts/archivo-700.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Plex Mono;src:url(fonts/plexmono-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Plex Mono;src:url(fonts/plexmono-500.woff2) format("woff2");font-weight:500;font-display:swap}:root{--void: #0f1216;--strata: #171b21;--strata-2: #1b2028;--rule: #272e38;--flash: #fff6e2;--settled: #6fb49c;--ink: #e9e7e2;--dim: #7c848f;--dimmer: #565d67;--g0: #1c2129;--g1: #4b4636;--g2: #91805a;--g3: #efd48f;--pad: 20px;--maxw: 620px;--radius: 6px;--ui: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;background:var(--void)}body{background:var(--void);color:var(--ink);font-family:var(--ui);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100dvh;opacity:0;transition:opacity .26s ease;overflow-x:hidden}body.ready{opacity:1}#app{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad) calc(52px + env(safe-area-inset-bottom))}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.spacer{width:40px;flex:0 0 40px}.micro{font-family:var(--mono);font-size:10.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--dimmer)}.micro.dim{color:var(--dim);text-transform:none;letter-spacing:.02em;font-size:12.5px;line-height:1.55}.micro.centre{text-align:center}.wordmark{font-size:clamp(46px,15vw,76px);font-weight:700;letter-spacing:-.04em;line-height:.9;margin:10px 0 16px}.title-sm{font-size:17px;font-weight:600;letter-spacing:-.015em;line-height:1.2}.h2{font-size:20px;font-weight:600;letter-spacing:-.02em;margin-bottom:10px}.lede{font-size:17.5px;color:var(--ink);margin-bottom:18px;text-wrap:pretty}.lede.small{font-size:15.5px;color:#b9bec6;margin:12px 0 20px}[data-theme=light] .lede.small{color:#4a4f56}.body{font-size:15.5px;color:#b9bec6;text-wrap:pretty}[data-theme=light] .body{color:#43484f}.screen{animation:rise .26s cubic-bezier(.2,.7,.3,1) both}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}.section{padding:28px 0;border-top:1px solid var(--rule);margin-top:28px}.topbar{display:flex;align-items:center;gap:12px;padding:14px 0 18px;position:sticky;top:0;background:var(--void);z-index:5}.topbar-title{flex:1;min-width:0;text-align:center}.iconbtn{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:var(--radius);border:1px solid transparent;background:transparent;color:var(--dim);cursor:pointer;transition:color .16s ease,border-color .16s ease,background .16s ease}.iconbtn:hover:not(:disabled){color:var(--ink);border-color:var(--rule)}.iconbtn.on{color:var(--void);background:var(--g3);border-color:var(--g3)}[data-theme=light] .iconbtn.on{color:var(--void);background:var(--g2);border-color:var(--g2)}.iconbtn:disabled{opacity:.3;cursor:default}.ctl{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);background:transparent;border:1px solid var(--rule);border-radius:var(--radius);padding:11px 15px;min-height:44px;cursor:pointer;transition:all .18s ease}.ctl:hover:not(:disabled){color:var(--ink);border-color:var(--dim)}.ctl.on{color:var(--void);background:var(--g3);border-color:var(--g3)}[data-theme=light] .ctl.on{background:var(--g2);border-color:var(--g2);color:#fff}.ctl.primary{color:var(--void);background:var(--ink);border-color:var(--ink)}[data-theme=light] .ctl.primary{color:var(--void);background:var(--ink);border-color:var(--ink);color:#f5f3ee}.ctl.danger{color:#c9564b;border-color:#c9564b66}.ctl:disabled{opacity:.32;cursor:default}:where(button,a,input,canvas):focus-visible{outline:2px solid var(--settled);outline-offset:3px}.bar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:16px}.bar.tabs{gap:5px}.bar.tabs.wrap{flex-wrap:wrap}.bar.tight{margin-top:8px}.boardview{width:100%;display:flex;justify-content:center}.boardcanvas{display:block;touch-action:manipulation;border-radius:3px}.board-wrap{padding:14px;background:var(--strata);border:1px solid var(--rule);border-radius:8px;margin:6px 0 18px}.cascade-board{padding:10px}.play .board-wrap{margin-bottom:14px}.playmeta{display:flex;align-items:flex-end;gap:16px}.playmeta-left{flex:1;min-width:0}.thumbwrap{flex:0 0 76px;width:76px}.thumbwrap .micro{margin-bottom:6px}.readout{font-family:var(--mono);font-size:13px;letter-spacing:.05em;color:var(--dim);display:flex;gap:7px;align-items:baseline;flex-wrap:wrap}.readout b{color:var(--ink);font-weight:500}.readout .sep{color:var(--dimmer)}.readout .ok b{color:var(--settled)}.banner{margin-top:20px;animation:rise .24s cubic-bezier(.2,.7,.3,1) both}.banner-in{border:1px solid var(--rule);border-radius:8px;padding:18px;background:var(--strata)}.banner-head{display:flex;align-items:center;gap:12px}.banner-title{font-size:19px;font-weight:600;letter-spacing:-.02em}.banner-sub{margin-top:8px}.banner-actions{display:flex;gap:9px;margin-top:16px;flex-wrap:wrap}.hero{padding:30px 0 10px}.demo{width:150px;margin:24px auto 12px}.cards{display:flex;flex-direction:column;gap:8px;margin-top:26px}.card{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--rule);border-radius:8px;background:var(--strata);text-decoration:none;color:inherit;transition:border-color .2s ease,background .2s ease,transform .2s cubic-bezier(.2,.7,.3,1)}.card:hover{border-color:var(--dim);background:var(--strata-2)}.card:active{transform:scale(.994)}.card-main{flex:1;min-width:0}.card-title{font-size:18px;font-weight:600;letter-spacing:-.02em;margin:3px 0}.card-title.small{font-size:15px;margin:0}.card-body{font-size:13.5px;color:var(--dim);line-height:1.5;text-wrap:pretty}.homefoot{margin-top:34px;padding-top:22px;border-top:1px solid var(--rule)}.statrow{display:flex;gap:26px;flex-wrap:wrap}.stat{font-family:var(--mono);font-size:21px;color:var(--g3);font-weight:500;margin-top:2px}[data-theme=light] .stat{color:var(--g2)}.footlinks{display:flex;gap:18px;margin-top:22px}.footlinks a{font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);text-decoration:none}.footlinks a:hover{color:var(--ink)}.chapterlist{display:flex;flex-direction:column;gap:8px}.chapter{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid var(--rule);border-radius:8px;background:var(--strata);text-decoration:none;color:inherit;transition:border-color .2s ease}.chapter:hover{border-color:var(--dim)}.chapter.locked{opacity:.4}.chapter-preview{flex:0 0 54px;width:54px}.chapter-main{flex:1;min-width:0}.chapter-right{flex:0 0 auto}.chapter-bar{height:2px;background:var(--rule);margin-top:10px;border-radius:2px;overflow:hidden}.chapter-bar i{display:block;height:100%;background:var(--settled)}.chapterhead{margin-bottom:8px}.levelgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(66px,1fr));gap:8px;margin-top:14px}.tile{aspect-ratio:1;border:1px solid var(--rule);border-radius:var(--radius);background:var(--strata);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-decoration:none;color:var(--ink);transition:border-color .18s ease,background .18s ease}.tile:hover{border-color:var(--dim)}.tile.done{background:var(--strata-2)}.tile.locked{opacity:.28}.tile-n{font-family:var(--mono);font-size:16px;font-weight:500}.tile-par{font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;color:var(--dimmer);text-transform:uppercase}.stars{display:inline-flex;gap:3px}.stars i{width:5px;height:5px;border-radius:50%;background:var(--rule);display:block}.stars i.on{background:var(--settled)}.bigstats{display:flex;gap:28px;flex-wrap:wrap;margin-top:18px}.bignum{font-family:var(--mono);font-size:27px;color:var(--g3);font-weight:500;line-height:1.15;margin-top:2px}[data-theme=light] .bignum{color:var(--g2)}.dist{margin-top:16px}.distrow{display:flex;align-items:center;gap:10px;margin-bottom:5px;font-family:var(--mono);font-size:11.5px}.distrow .lab{flex:0 0 82px;color:var(--dim)}.distrow .track{flex:1;height:7px;background:var(--strata-2);border-radius:2px;overflow:hidden}.distrow .track i{display:block;height:100%;background:var(--g2);transition:width .3s ease}.distrow .track i.hot{background:var(--g3)}.distrow .pc{flex:0 0 46px;text-align:right;color:var(--dim)}.editor{display:grid;gap:2px;margin:14px 0 10px;max-width:320px}.ecell{aspect-ratio:1;border:0;border-radius:2px;background:var(--strata-2);cursor:pointer;padding:0;transition:background .14s ease}.ecell.on{background:var(--g2)}.ecell:hover{outline:1px solid var(--dim)}.editor.hex .ecell.shift{transform:translate(28%)}.platehost{margin-top:18px;min-height:40px}.plate{display:block;width:100%;max-width:100%;height:auto;border-radius:4px;border:1px solid var(--rule);image-rendering:pixelated}.plateinfo{margin-top:16px}.plate-title{font-size:19px;font-weight:600;letter-spacing:-.02em;margin:3px 0 12px}.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;font-family:var(--mono);font-size:12.5px}.kv.wide{grid-template-columns:1fr;gap:2px;font-family:var(--ui);font-size:15px}.kv dt{color:var(--dim)}.kv dd{color:var(--ink);overflow-wrap:anywhere}.kv.wide dt{color:var(--ink);font-weight:600;margin-top:14px}.kv.wide dd{color:var(--dim);font-size:14.5px;line-height:1.55}.gallery{display:flex;flex-direction:column;gap:10px;margin-top:14px}.gitem{display:flex;align-items:center;gap:14px;padding:12px;border:1px solid var(--rule);border-radius:8px;background:var(--strata);flex-wrap:wrap}.gthumb{width:62px;height:auto;border-radius:3px;image-rendering:pixelated}.gitem-main{flex:1;min-width:90px}.journal{display:flex;flex-direction:column;gap:10px}.entry{border:1px solid var(--rule);border-radius:8px;padding:18px;background:var(--strata)}.entry.locked{background:transparent;border-style:dashed}.entry.locked .body{color:var(--dimmer);font-style:italic}.entry-title{font-size:19px;font-weight:600;letter-spacing:-.02em;margin:4px 0 8px}.reading{list-style:none;display:flex;flex-direction:column;gap:9px}.reading li{font-family:var(--mono);font-size:12px;color:var(--dim);line-height:1.6;padding-left:14px;position:relative}.reading li:before{content:"";position:absolute;left:0;top:8px;width:5px;height:1px;background:var(--dimmer)}.setting{display:flex;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--rule)}.setting:last-of-type{border-bottom:0}.setting-main{flex:1;min-width:0}.setting-label{font-size:16px;font-weight:500}.switch{-webkit-appearance:none;appearance:none;width:46px;height:27px;border-radius:14px;background:var(--strata-2);border:1px solid var(--rule);position:relative;cursor:pointer;flex:0 0 46px;transition:background .2s ease}.switch:after{content:"";position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:var(--dim);transition:transform .2s cubic-bezier(.2,.7,.3,1),background .2s ease}.switch:checked{background:var(--settled);border-color:var(--settled)}.switch:checked:after{transform:translate(19px);background:var(--void)}.range{-webkit-appearance:none;appearance:none;width:100%;height:26px;background:transparent;cursor:pointer}.range::-webkit-slider-runnable-track{height:2px;background:var(--rule)}.range::-moz-range-track{height:2px;background:var(--rule)}.range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--g3);margin-top:-8px}.range::-moz-range-thumb{width:18px;height:18px;border:0;border-radius:50%;background:var(--g3)}.toasthost{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%,12px);background:var(--strata-2);border:1px solid var(--rule);color:var(--ink);font-family:var(--mono);font-size:12.5px;padding:11px 16px;border-radius:var(--radius);max-width:min(90vw,420px);text-align:center;opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s cubic-bezier(.2,.7,.3,1);z-index:40}.toasthost.on{opacity:1;transform:translate(-50%)}@media(min-width:560px){:root{--pad: 28px}.thumbwrap{flex-basis:92px;width:92px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}.boardcanvas.pointer-focus:focus-visible{outline:none}.screen.play{display:flex;flex-direction:column;min-height:calc(100dvh - 52px - env(safe-area-inset-bottom))}.screen.play .board-wrap{margin-top:auto}.screen.play .bar.controls{margin-top:auto;padding-top:14px;gap:4px}.bannerslot:empty{display:none}.plateinfo p{margin-top:14px}