:root{color-scheme:dark;--bg: #10131a;--panel: #171b24;--ink: #e8eaf0;--muted: #949cb0;--accent: #6f8fff;--danger: #ff8a80;--line: #262c39}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:16px/1.55 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.pane{max-width:34rem;margin:0 auto;padding:min(18vh,8rem) 1.5rem 4rem}h1{font-size:1.6rem;line-height:1.25;margin:0 0 .6rem;letter-spacing:-.01em}p{margin:0 0 1rem}.muted{color:var(--muted)}.error{color:var(--danger)}code{background:var(--panel);padding:.1em .35em;border-radius:4px;font-size:.9em}form{display:grid;gap:.5rem;margin:1.75rem 0 0}label{font-size:.85rem;color:var(--muted)}input{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:.7rem .8rem;font:inherit}input:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:calc(.45rem - 1px) calc(.8rem - 1px);font:inherit;font-size:.85rem;font-weight:600;cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button.on{background:var(--accent);color:#0b0e14;border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}button.danger{color:var(--danger);border-color:#6b2f2f}button.danger:hover:not(:disabled){border-color:var(--danger)}button.link{background:none;color:var(--muted);font-weight:400;border:0;border-radius:0;padding:0;text-decoration:underline;text-underline-offset:3px;font-size:inherit}button.link:hover{color:var(--ink);border:0}button.tiny,.btnlike.tiny{font-size:.75rem;padding:calc(.28rem - 1px) calc(.55rem - 1px)}.btnlike{display:inline-flex;align-items:center;text-decoration:none;background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:calc(.45rem - 1px) calc(.8rem - 1px);font:inherit;font-size:.85rem;font-weight:600}.btnlike:hover{border-color:var(--accent)}.shell{display:flex;flex-direction:column;height:100%;min-height:0}.topbar,.toolbar{display:flex;align-items:center;gap:.6rem;padding:.55rem .9rem;border-bottom:1px solid var(--line);background:var(--panel);flex:0 0 auto}.topbar{font-size:.95rem}.sep,.mapname{color:var(--muted)}.spacer{flex:1 1 auto}.small{font-size:.85rem}.chip{font-size:.75rem;padding:.1rem .5rem;border-radius:999px;border:1px solid var(--line)}.chip.ok{color:#9fe8b4;border-color:#2f5d3d}.chip.warn{color:#ffca7a;border-color:#6b4f22}.readout{color:var(--muted);font-size:.85rem;font-variant-numeric:tabular-nums}.stage{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.canvas-wrap{position:relative;flex:1 1 auto;min-height:0;overflow:hidden}.canvas-wrap canvas{display:block;touch-action:none}.hint,.prompt{position:absolute;left:50%;transform:translate(-50%);background:#171b24f5;border:1px solid var(--line);border-radius:10px;padding:.8rem 1rem;font-size:.9rem;max-width:32rem}.hint{bottom:1.25rem;text-align:center;pointer-events:none}.prompt{top:1.25rem}.prompt p{margin:0 0 .6rem}.prompt .row{display:flex;gap:.8rem;align-items:flex-end;margin-top:.6rem}.prompt label{display:grid;gap:.2rem}.prompt input{width:6rem;padding:.4rem .5rem}.warn{padding:.6rem .9rem;background:#2a2113;border-top:1px solid #6b4f22;font-size:.9rem}.warn p{margin:.2rem 0}.warn .link{color:#ffca7a}.dropzone{flex:1 1 auto;margin:1.25rem;border:2px dashed var(--line);border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;cursor:pointer;text-align:center;padding:2rem}.dropzone:hover,.dropzone.over{border-color:var(--accent);background:#6f8fff0f}.dropzone .big{font-size:1.2rem;margin:0}.footnote{padding:0 1.25rem 1.25rem;font-size:.85rem;text-align:center}.topbar,.toolbar{flex-wrap:wrap;row-gap:.4rem}.chip{white-space:nowrap}.mapname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:min(40vw,22rem);flex:0 1 auto}@media(max-width:640px){.topbar .small{display:none}.toolbar .readout{flex-basis:100%}}.split{display:flex;flex:1 1 auto;min-height:0}.main{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;min-height:0}.panel{flex:0 0 clamp(20rem,30vw,26rem);border-left:1px solid var(--line);background:var(--panel);overflow-y:auto;padding:.9rem;min-height:0}.panel-title{font-size:1rem;margin:0 0 .3rem}.tiny{font-size:.8rem}button.link.on{color:var(--accent)}.searchbar{display:flex;gap:.5rem;margin:.8rem 0 .35rem}.searchbar input{flex:1 1 auto;min-width:0}.searchbar select{background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:.4rem;font:inherit;font-size:.85rem}.sources{display:flex;flex-wrap:wrap;gap:.4rem;margin:.5rem 0}.src{color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:.05rem .5rem}.src.ok{color:var(--ink)}.src.error{color:var(--danger);border-color:#6b2f2f}.keyprompt{border:1px solid #4a5a86;background:#6f8fff12;border-radius:10px;padding:.7rem;margin:.6rem 0}.keyprompt p{margin:0 0 .35rem}.keyprompt .row{display:flex;gap:.4rem;margin:.5rem 0 .4rem}.keyprompt input[type=text],.keyprompt .row input{flex:1 1 auto;min-width:0;padding:.45rem .5rem;font-size:.85rem}.keyprompt label{display:block;color:var(--muted)}.results{list-style:none;margin:.5rem 0 0;padding:0;display:grid;gap:.35rem}.result{display:flex;align-items:center;gap:.45rem;border:1px solid var(--line);border-radius:9px;padding:.4rem .5rem}.result:hover{border-color:var(--accent)}.thumb{flex:0 0 2rem;height:2rem;display:grid;place-items:center}.thumb img{width:1.6rem;height:1.6rem;filter:invert(.85)}.glyph{font-size:1.1rem}.meta{flex:1 1 auto;min-width:0;display:grid}.name{font-size:.9rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.by{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lic{flex:0 0 auto;font-size:.7rem;color:#9fe8b4;border:1px solid #2f5d3d;border-radius:999px;padding:.05rem .45rem;text-decoration:none;white-space:nowrap}.lic.nc{color:#ffca7a;border-color:#6b4f22}.dur{flex:0 0 auto;font-size:.75rem;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.empty{color:var(--muted);font-size:.85rem;margin:.6rem 0}.ok-note{color:#9fe8b4;font-size:.85rem}.twomtt{margin-top:.9rem;padding-top:.7rem;border-top:1px solid var(--line);line-height:1.5}a{color:var(--accent)}@media(max-width:820px){.split{flex-direction:column}.panel{flex:0 0 auto;max-height:55vh;border-left:0;border-top:1px solid var(--line)}}.library{margin-top:1.4rem;padding-top:1rem;border-top:1px solid var(--line)}.meter{height:5px;background:var(--bg);border-radius:3px;overflow:hidden;margin:.4rem 0 .2rem}.meter span{display:block;height:100%;background:var(--accent)}.svgwrap{display:grid;place-items:center}.svgwrap svg{width:1.6rem;height:1.6rem;fill:currentColor;color:var(--ink)}.credits-actions{display:flex;gap:.4rem;margin:.7rem 0 .4rem}.credits{width:100%;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:.5rem;font:.75rem/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical}.inline-form{display:flex;gap:.35rem;align-items:center}.inline-form input{padding:.3rem .5rem;font-size:.85rem;width:12rem}.scenepick{position:relative}.menu{position:absolute;top:1.7rem;left:0;z-index:20;min-width:15rem;max-height:60vh;overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:.25rem;box-shadow:0 12px 32px #00000080}.menu-row{display:flex;align-items:center;gap:.2rem}.menu-row.on{background:#6f8fff1f;border-radius:6px}.menu-row .grow{flex:1 1 auto;text-align:left;background:none;color:var(--ink);font-weight:400;padding:.35rem .5rem;font-size:.85rem;border:0;border-radius:6px}.menu-row .grow:hover{background:#ffffff0f}.pad{padding:.5rem}.tokens{margin-top:1.4rem;padding-top:1rem;border-top:1px solid var(--line)}.newtoken{display:grid;gap:.4rem}.newtoken input,.newtoken select{background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:.4rem .5rem;font:inherit;font-size:.85rem;width:100%}.newtoken .row{display:flex;gap:.4rem}.newtoken .row>*{flex:1 1 0;min-width:0}.tokenedit{margin-top:.9rem;padding-top:.8rem;border-top:1px dashed var(--line);display:grid;gap:.45rem}.sub{font-size:.9rem;margin:0;display:flex;align-items:center;gap:.4rem}.swatch{width:.8rem;height:.8rem;border-radius:50%;display:inline-block;flex:0 0 auto}.field{display:grid;gap:.15rem;font-size:.75rem;color:var(--muted);flex:1 1 0;min-width:0}.field input,.field select{background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:.35rem .45rem;font:inherit;font-size:.85rem;width:100%}.tokenedit .row{display:flex;gap:.4rem}.mt{margin-top:.5rem}.chips{display:flex;flex-wrap:wrap;gap:.25rem}.inline-check{font-size:.8rem;color:var(--muted)}.subbar{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;row-gap:.3rem;padding:.4rem .9rem;border-bottom:1px solid var(--line);background:#131722;flex:0 0 auto}.hint.subtle{background:#171b24b3;font-size:.8rem;color:var(--muted);padding:.4rem .7rem}select.mini{background:var(--bg);color:var(--muted);border:1px solid var(--line);border-radius:7px;padding:.15rem .3rem;font:inherit;font-size:.78rem}.markers{margin-top:1.4rem;padding-top:1rem;border-top:1px solid var(--line)}.markers .row{display:flex;gap:.4rem}.markers .state{display:inline-flex;align-items:center;white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:default;font-size:.85rem;font-weight:600;border-radius:8px;padding:calc(.45rem - 1px) calc(.8rem - 1px);border:1px solid var(--line);background:transparent;color:var(--muted)}.markers .state.on{color:var(--accent);border-color:var(--accent);background:#6f8fff1f}.chipbtn{background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:8px;padding:calc(.25rem - 1px) calc(.5rem - 1px);font:inherit;font-size:.75rem;cursor:pointer}.chipbtn:hover{color:var(--ink);border-color:var(--accent)}.chipbtn.on{background:var(--accent);color:#0b0e14;border-color:var(--accent)}.warn-inline{background:#e0a94f1f;border:1px solid #6b4f22;border-radius:8px;padding:.4rem .6rem;margin:.6rem 0;color:#ffca7a}input[type=range]{width:100%;accent-color:var(--accent)}.tableview{display:flex;flex-direction:column;height:100%;min-height:0;background:#07090d}.tableview .canvas-wrap{flex:1 1 auto;min-height:0}.tablebar{flex:0 0 auto;display:flex;align-items:center;gap:.5rem;padding:.3rem .7rem;background:#0d1017d9;border-top:1px solid var(--line);opacity:.35;transition:opacity .2s}.tablebar:hover{opacity:1}.calibrate{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#07090deb;padding:1.5rem}.calibrate-inner{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1.4rem;max-width:44rem;width:100%;display:grid;gap:.7rem}.calibrate h2{margin:0;font-size:1.2rem}.calibrate .row{display:flex;gap:.5rem;align-items:center}.calbar{height:2.4rem;background:#fff;border-radius:2px;box-shadow:0 0 0 1px #000 inset}.share{margin-top:1.4rem;padding-top:1rem;border-top:1px solid var(--line)}.sharelink{margin-top:.5rem;padding:.5rem;border:1px solid var(--line);border-radius:9px;display:grid;gap:.4rem}.sharelink code{font-size:.7rem;word-break:break-all;background:var(--bg);padding:.3rem;border-radius:6px}.sharelink .row{display:flex;gap:.3rem}.composite{position:fixed;inset:0;z-index:40;background:var(--bg);display:flex;flex-direction:column}.composite-head{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.55rem .9rem;border-bottom:1px solid var(--line);background:var(--panel)}.composite-head select,.composite-head button{font-size:.85rem;padding:.3rem .6rem}.composite-head select{background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:7px}.composite-empty{flex:1 1 auto;display:grid;place-content:center;text-align:center;padding:2rem;max-width:40rem;margin:0 auto}.composite-body{flex:1 1 auto;display:flex;min-height:0}.composite-canvas{flex:1 1 auto;min-width:0;display:grid;place-items:center;background:#0a0c11;overflow:hidden;padding:1rem}.composite-canvas canvas{box-shadow:0 0 0 1px var(--line),0 20px 50px #00000080;touch-action:none}.composite-side{flex:0 0 clamp(17rem,26vw,22rem);border-left:1px solid var(--line);background:var(--panel);overflow-y:auto;padding:.9rem;display:grid;gap:.45rem;align-content:start}.composite-side select{background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:.35rem .45rem;font:inherit;font-size:.85rem;width:100%}@media(max-width:820px){.composite-body{flex-direction:column}.composite-side{flex:0 0 auto;border-left:0;border-top:1px solid var(--line)}}.mood{margin-top:1.4rem;padding-top:1rem;border-top:1px solid var(--line);display:grid;gap:.45rem}.mood select{background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:.35rem .45rem;font:inherit;font-size:.85rem;width:100%}.hpage-wrap{background:#0a0c11}.hpage{position:relative;overflow:hidden;box-shadow:0 14px 44px #0000008c;border-radius:3px;-webkit-user-select:none;user-select:none}.hel{position:absolute;display:flex;align-items:flex-start;line-height:1.35}.hel.sel{outline:2px solid #6f8fff;outline-offset:2px}.htext{white-space:pre-wrap;width:100%}.hel img{width:100%;height:100%;object-fit:contain}.hplaceholder{opacity:.35;font-size:.7em}.hrule{border-top:2px solid currentColor;opacity:.5;height:0!important}.hpage.reveal-fade{opacity:0;transition:opacity .9s ease}.hpage.reveal-fade.shown{opacity:1}.hpage.reveal-scanline{clip-path:inset(0 0 100% 0);transition:clip-path 1.1s ease-out}.hpage.reveal-scanline.shown{clip-path:inset(0 0 0 0)}.hpage.reveal-burn{opacity:0;filter:brightness(3) sepia(1);transition:opacity .7s ease,filter 1.4s ease}.hpage.reveal-burn.shown{opacity:1;filter:none}.hpage.reveal-typewriter .htext{clip-path:inset(0 100% 0 0);transition:clip-path 2.2s steps(48,end)}.hpage.reveal-typewriter.shown .htext{clip-path:inset(0 0 0 0)}@media(prefers-reduced-motion:reduce){.hpage,.hpage .htext{transition:none!important;clip-path:none!important;opacity:1!important;filter:none!important}}.handout-view{height:100%;display:grid;place-items:center;padding:.75rem;background:#0a0c11}.composite-side textarea{background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:.4rem;font:inherit;font-size:.85rem;width:100%;resize:vertical}.tabs{display:flex;gap:.2rem;margin-bottom:.7rem;border-bottom:1px solid var(--line)}.tabs button{flex:1 1 0;background:transparent;color:var(--muted);border:0;border-bottom:2px solid transparent;border-radius:0;padding:.4rem .2rem;font-size:.82rem;font-weight:500}.tabs button:hover{color:var(--ink)}.tabs button.on{color:var(--ink);border-bottom-color:var(--accent)}.tabs+.tokens,.tabs+.markers,.tabs+.mood{margin-top:0;padding-top:0;border-top:0}.inline-num{display:flex;align-items:center;gap:.35rem;font-size:.82rem;color:var(--muted)}.inline-num input{width:4.5rem;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:.2rem .35rem;font:inherit;font-size:.82rem}.readout.tiny{font-size:.75rem}.credits-code{margin:.25rem 0 .5rem;padding-left:1.1rem;line-height:1.5}.credits-code li{margin-bottom:.35rem}.credits-code .dim{opacity:.65}.licence-terms{white-space:pre-wrap;max-height:14rem;overflow-y:auto;opacity:.75;margin:.4rem 0 0;padding:.5rem;border-radius:4px;background:#ffffff0a}.canvas-wrap{position:relative}.backdrop-layer{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;pointer-events:none}.canvas-wrap>canvas:not(.backdrop-layer){position:relative;z-index:1}.tokendrop{margin-top:.5rem;padding:.7rem .6rem;border:1px dashed rgba(255,255,255,.25);border-radius:6px;text-align:center;cursor:pointer;color:#fff9}.tokendrop:hover,.tokendrop.over{border-color:#6ba7ff;color:#cfe2ff;background:#6ba7ff14}.tokendrop.editing{cursor:default;text-align:left;border-style:solid}.tokendrop-row{display:flex;gap:.6rem;align-items:center}.tokendrop-preview{width:56px;height:56px;object-fit:contain;border-radius:4px;background:#0000004d;flex:none}.tokendrop-actions{display:flex;gap:.4rem;margin-top:.5rem}.hunt-tabs{display:flex;gap:.25rem;margin-bottom:.5rem}.mapname-edit{background:transparent;border:1px solid transparent;border-radius:4px;color:inherit;font:inherit;padding:.1rem .3rem;min-width:6rem;max-width:18rem}.mapname-edit:hover{border-color:#ffffff2e}.mapname-edit:focus{border-color:#6ba7ff;background:#0000004d;outline:none}.notice{background:#14251a;color:#b8e6c4;border:1px solid #2c5137;border-radius:8px;padding:.65rem .8rem;font-size:.9rem}.check{display:flex;align-items:center;gap:.5rem;color:var(--ink);font-size:.85rem;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.15rem 0}.check input{width:1rem;height:1rem;accent-color:var(--accent);cursor:pointer}.authswitch{display:flex;flex-wrap:wrap;gap:.25rem 1.1rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--line)}.authswitch button.link{padding:.15rem 0}.subbar.wrap{flex-wrap:wrap;row-gap:.35rem}.subbar .sep{width:1px;align-self:stretch;background:var(--line);margin:0 .15rem}.nudger{display:inline-flex;gap:.15rem}.nudger button{min-width:1.7rem;padding:.15rem .3rem}.readout.warnish{color:#ffca7a}