:root{color-scheme:dark;--bg: #15130f;--panel: #1e1a15;--ink: #efe7d8;--muted: #a89985;--accent: #d1a24a;--accent-ink: #201808;--accent-rgb: 209, 162, 74;--danger: #ff8f7a;--line: #332c22;--panel-rgb: 30, 26, 21;--void: #0c0a07;--void-rgb: 12, 10, 7;--font-display: "Fraunces", ui-serif, Georgia, serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1100px 640px at 50% -8%,rgba(255,214,150,.05),transparent 62%),var(--bg);color:var(--ink);font:16px/1.55 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}:root{--grain: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}.pane{max-width:34rem;margin:0 auto;padding:min(18vh,8rem) 1.5rem 4rem;position:relative}.pane:before{content:"";position:absolute;inset:-4rem -2rem;z-index:-1;background-image:var(--grain);opacity:.05;mix-blend-mode:overlay;pointer-events:none}h1{font:600 1.7rem/1.25 var(--font-display);margin:0 0 .6rem;letter-spacing:-.005em}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:var(--accent-ink);border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}button.primary:hover:not(:disabled){filter:brightness(1.08)}.icon{vertical-align:-3px;margin-right:.35em;flex:0 0 auto}.icon:only-child{margin-right:0}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:.5rem;padding:.5rem .9rem;border-bottom:1px solid var(--line);background:var(--panel);flex:0 0 auto}.topbar{font-size:.95rem}.topbar button:not(.link):not(.mini){font-size:.78rem;padding:calc(.32rem - 1px) calc(.55rem - 1px)}.sep,.mapname{color:var(--muted)}.spacer{flex:1 1 auto}.small{font-size:.85rem}.wordmark{display:inline-flex;align-items:center;gap:.45rem;flex:0 0 auto}.wordmark strong{font:600 1.15rem/1 var(--font-display);letter-spacing:.01em;color:var(--ink)}.brandmark{color:var(--accent);flex:0 0 auto}.hdiv{width:1px;align-self:stretch;min-height:1.2rem;background:var(--line);margin:0 .1rem;flex:0 0 auto}.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:rgba(var(--panel-rgb),.96);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{position:relative;overflow:hidden;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:before{content:"";position:absolute;inset:0;z-index:0;background-image:var(--grain);opacity:.045;mix-blend-mode:overlay;pointer-events:none}.dropzone>*{position:relative;z-index:1}.dropzone:hover,.dropzone.over{border-color:var(--accent);background:rgba(var(--accent-rgb),.06)}.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{position:relative;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:600 1.15rem var(--font-display);margin:0 0 .3rem;letter-spacing:.002em}.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 #6b5730;background:rgba(var(--accent-rgb),.08);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:rgba(var(--accent-rgb),.14);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}label.menu-row{padding:.35rem .5rem;cursor:pointer;border-radius:6px}label.menu-row:hover{background:#ffffff0f}label.menu-row input[type=checkbox]{flex:0 0 auto}label.menu-row .grow{padding:0}label.menu-row.off .grow{color:var(--muted)}label.menu-row.all .grow{font-weight:600}.menu-sep{height:1px;margin:.25rem .35rem;background:var(--line)}.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%}fieldset.field{border:0;padding:0;margin:0}fieldset.field legend{padding:0;font:inherit;color:inherit}fieldset.field .inline-check{display:flex;align-items:center;gap:.35rem;margin-top:.3rem}fieldset.field .inline-check input[type=checkbox]{width:auto;flex:0 0 auto;padding:0;border:0;background:none;border-radius:0}.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:var(--panel);flex:0 0 auto}.hint.subtle{background:rgba(var(--panel-rgb),.7);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,.pins{margin-top:1.4rem;padding-top:1rem;border-top:1px solid var(--line)}.pinlist{display:flex;flex-wrap:wrap;gap:.25rem;margin:.5rem 0}.pinlist button{font-size:.75rem;padding:calc(.28rem - 1px) calc(.55rem - 1px)}.markers .row{display:flex;gap:.4rem;flex-wrap:wrap;row-gap:.35rem}.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:rgba(var(--accent-rgb),.14)}.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:var(--accent-ink);border-color:var(--accent)}.chipbtn.danger{color:var(--danger);border-color:#6b2f2f}.chipbtn.danger:hover{border-color:var(--danger)}.warnish{color:#ffca7a}.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:var(--void)}.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:rgba(var(--void-rgb),.85);border-top:1px solid var(--line);opacity:.35;transition:opacity .2s}.tablebar:hover{opacity:1}.topbar{display:grid;grid-template-columns:1fr auto 1fr;gap:.6rem}.bar-left{display:flex;align-items:center;gap:.4rem;min-width:0}.bar-right{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;min-width:0}.topbar .wordmark strong{font-size:1.2rem;letter-spacing:.01em}.header-info{display:flex;align-items:center;gap:.5rem;min-width:0}.header-info .readout{white-space:nowrap}.header-tools{display:flex;align-items:center;gap:.35rem}.header-tools .spacer{display:none}.header-tools .readout{white-space:nowrap}.adminmenu{position:relative}.adminmenu>button{min-width:2.1rem;font-size:1.05rem;line-height:1}.menu-scrim{position:fixed;inset:0;z-index:40}.menu.admin{position:absolute;left:auto;right:0;top:calc(100% + .35rem);z-index:41;min-width:14rem;display:flex;flex-direction:column;align-items:stretch;gap:.15rem;padding:.35rem;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 30px #00000073}.menu.admin button{text-align:left;border:1px solid var(--accent);border-radius:8px;color:var(--accent);background:transparent;font-size:.85rem;font-weight:600;text-decoration:none;padding:calc(.45rem - 1px) calc(.7rem - 1px)}.menu.admin button:hover:not(:disabled){background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.menu.admin button.link{border:1px solid var(--accent);border-radius:8px}.menu.admin .pad{padding:.25rem .4rem}.menu.admin .scenepick{position:static}.menu.admin .scenepick .menu{position:static;box-shadow:none;border:0;padding:0}.composite-cta{margin-top:.6rem}.modal-back{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:rgba(var(--void-rgb),.72);padding:1.5rem}.modal{width:min(28rem,100%);max-height:85vh;overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.modal hr{border:0;border-top:1px solid var(--line);width:100%;margin:.35rem 0}.calibrate{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:rgba(var(--void-rgb),.92);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:600 1.25rem var(--font-display)}.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 strong{font:600 1.05rem var(--font-display)}.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:var(--void);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:var(--void)}.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 var(--accent);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:var(--void)}.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}.tabs .collapse{margin-left:auto;font-size:1rem;line-height:1;padding:.35rem;border-bottom-color:transparent}.tabs .collapse:hover{color:var(--ink)}.panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.panel-head .panel-title{margin-bottom:0}.panel-head .collapse{font-size:1rem;line-height:1;padding:.2rem .35rem;background:none;border:0;color:var(--muted);cursor:pointer}.panel-head .collapse:hover{color:var(--ink)}.panel-reopen{position:absolute;top:.5rem;right:.5rem;z-index:6;font-size:1rem;line-height:1;padding:.3rem .5rem;background:rgba(var(--void-rgb),.75);border:1px solid var(--line);border-radius:6px;color:var(--muted);cursor:pointer}.panel-reopen:hover{color:var(--ink)}.tabs.sub{margin-top:-.35rem;margin-bottom:.6rem}.tabs.sub button{font-size:.76rem;padding:.3rem .15rem}.toolpanel-host{margin-top:1rem}.toolpanel{display:grid;gap:.5rem}.toolpanel .row{display:flex;gap:.4rem}.toolpanel .row>*{flex:1 1 0;min-width:0}.toolpanel input[type=range]{width:100%}.compass{display:grid;grid-template-columns:repeat(3,1fr);gap:.2rem;width:6.6rem;flex:0 0 auto}.compass-btn{aspect-ratio:1;background:var(--bg);color:var(--muted);border:1px solid var(--line);border-radius:6px;font-size:.9rem;cursor:pointer;padding:0}.compass-btn:hover{color:var(--ink);border-color:var(--accent)}.compass-btn.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.compass-centre{aspect-ratio:1}.compass-side{display:grid;gap:.3rem;align-content:start;flex:1 1 0;min-width: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}.effectdrop{margin-top:.5rem}.effectdrop-zone{border:1px dashed var(--line);border-radius:8px;padding:1.1rem .9rem;text-align:center;color:var(--muted);font-size:.85rem;cursor:pointer;background:var(--bg)}.effectdrop-zone.over,.effectdrop-zone:hover{border-color:var(--accent);color:var(--ink)}.effectdrop-report{margin-top:.6rem}.effectdrop-report ul{margin:.25rem 0 0;padding-left:1.1rem}.effectdrop-report .ok{color:#7ac47a}.effectdrop-report .warnish{color:#ffca7a}.inline-fade{display:flex;align-items:center;gap:.4rem;font-size:.82rem;color:var(--muted)}.inline-fade input[type=range]{width:8rem;accent-color:var(--accent);cursor:pointer}.inline-fade .readout{min-width:2.6rem;text-align:right;font-variant-numeric:tabular-nums}.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:var(--accent);color:#f2e2b8;background:rgba(var(--accent-rgb),.08)}.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;width:10rem;min-width:6rem;max-width:18rem}.mapname-edit:hover{border-color:#ffffff2e}.mapname-edit:focus{border-color:var(--accent);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:grid;grid-template-columns:repeat(3,1.7rem);grid-template-rows:repeat(3,1.7rem);gap:.15rem}.nudger button{min-width:0;padding:0}.nudger .nudge-up{grid-area:1 / 2}.nudger .nudge-left{grid-area:2 / 1}.nudger .nudge-right{grid-area:2 / 3}.nudger .nudge-down{grid-area:3 / 2}.readout.warnish{color:#ffca7a}.playerview{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;background:var(--void)}.playerview .tableview{flex:1 1 auto;min-height:0;height:auto}.playerview-bar strong{white-space:nowrap}.playerview-bar{flex:0 0 auto;display:flex;align-items:center;gap:.6rem;padding:.35rem .7rem;background:rgba(var(--accent-rgb),.14);border-bottom:1px solid var(--line)}