:root{--bg:#14161b;--panel:#1e222a;--panel-2:#272c36;--text:#e6e8ec;--muted:#9aa2b1;--accent:#5b8def;--danger:#ff7b7b;--ok:#6fd08c;--radius:8px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:15px/1.45 system-ui,sans-serif}a{color:var(--accent)}h1,h2{margin:0 0 .5rem}h1{font-size:1.5rem}h2{font-size:1.1rem}.muted{color:var(--muted)}.error{color:var(--danger)}.ok{color:var(--ok)}.grow{flex:1}button,input,select{font:inherit;color:inherit}button{background:var(--panel-2);cursor:pointer;border:1px solid #3a4150;border-radius:6px;padding:.35rem .8rem}button:hover{border-color:var(--accent)}button[aria-pressed=true]{background:var(--accent);border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}input,select{background:#0f1115;border:1px solid #3a4150;border-radius:6px;padding:.4rem .6rem}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}label{flex-direction:column;gap:.25rem;margin:.6rem 0;display:flex}label.inline{flex-direction:row;align-items:center;gap:.5rem}.center{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100%;padding:1rem;display:flex}.card{background:var(--panel);border-radius:var(--radius);width:min(26rem,100%);margin-bottom:1rem;padding:1.25rem}.row{flex-wrap:wrap;align-items:flex-end;gap:.6rem;display:flex}.page{max-width:52rem;margin:0 auto;padding:1rem}.topbar{background:var(--panel);align-items:center;gap:1rem;padding:.6rem 1rem;display:flex}.topbar nav{gap:.8rem;display:flex}.brand{color:var(--text);font-weight:700;text-decoration:none}.lang{gap:.25rem;display:flex}.list{gap:.5rem;margin:1rem 0;padding:0;list-style:none;display:grid}.list li{background:var(--panel);border-radius:var(--radius);align-items:center;gap:.6rem;padding:.6rem .8rem;display:flex}.link{width:100%;margin-top:.3rem;font-size:.8rem;display:block}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #2c3240;padding:.35rem .6rem}.game{position:fixed;inset:0;overflow:hidden}.canvas{inset:0;position:absolute!important}.hud-top{align-items:center;gap:.8rem;display:flex;position:absolute;top:.6rem;left:.6rem}.hint{background:#0009;border-radius:6px;padding:.2rem .5rem;font-size:.8rem}.players{border-radius:var(--radius);background:#14161bcc;width:18rem;max-height:40vh;padding:.6rem .8rem;position:absolute;top:.6rem;right:.6rem;overflow:auto}.players .toggle{justify-content:space-between;width:100%;margin-bottom:.4rem;display:flex}.players ul{gap:.3rem;margin:0;padding:0;list-style:none;display:grid}.players li{align-items:center;gap:.5rem;display:flex}.players .who{flex:1}.players .actions{gap:.25rem;display:flex}.players button{padding:.15rem .5rem;font-size:.8rem}.swatch{background:#888;border-radius:50%;width:.8rem;height:.8rem;display:inline-block}.name-label{color:#fff;white-space:nowrap;background:#000a;border-radius:4px;padding:.05rem .4rem;font-size:.75rem}.prompt{border-radius:var(--radius);text-align:center;background:#000b;padding:.5rem .9rem;position:absolute;bottom:38%;left:50%;transform:translate(-50%)}kbd{background:var(--panel-2);border:1px solid #555;border-radius:4px;padding:0 .4rem}.bar{background:#444;height:4px;margin-top:.3rem}.bar div{background:var(--accent);height:100%}.chat{border-radius:var(--radius);background:#14161bcc;flex-direction:column;width:min(380px,100% - 1.2rem);display:flex;position:absolute;bottom:.6rem;left:.6rem}.chat ol{height:14rem;max-height:40vh;margin:0;padding:.5rem .7rem;list-style:none;overflow-y:auto}.chat:not(:focus-within) ol{height:5.5rem;overflow:hidden}.chat form{gap:.4rem;padding:.4rem;display:flex;position:relative}.chat form input{flex:1}.chat-line{word-break:break-word;margin:.1rem 0}.chat-line time{color:var(--muted);font-size:.75rem}.chat-head{font-weight:600}.chat-emote,.chat-do{color:#d9b8ff;font-style:italic}.chat-shout .chat-text{text-transform:uppercase;font-weight:700}.chat-whisper{color:#9ad0ff;font-style:italic}.chat-ooc{color:var(--muted)}.chat-narrate{color:#ffd479;text-align:center;font-style:italic}.chat-roll{color:var(--ok)}.chat-world{color:#ffd479}.chat-error{color:var(--danger)}.popover{background:var(--panel);border-radius:var(--radius);border:1px solid #3a4150;width:24rem;max-width:90vw;padding:.6rem .8rem;position:absolute;bottom:100%;left:.4rem}.popover dl{margin:.4rem 0 0}.popover dt{margin-top:.4rem}.popover dd{color:var(--muted);margin:0}.banner{background:var(--panel);border-radius:var(--radius);padding:.4rem 1rem;position:absolute;top:.6rem;left:50%;transform:translate(-50%)}.banner.warn{background:#6b4a00}.modal{z-index:20;background:#000a;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.mode-switch{background:var(--accent);border-color:var(--accent)}.toolbar{border-radius:var(--radius);z-index:5;background:#14161bee;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem;padding:.35rem .5rem;display:flex;position:absolute;top:.6rem;left:316px;right:336px}.toolbar button,.toolbar select{padding:.2rem .5rem;font-size:.85rem}.toolbar svg,.tree svg{vertical-align:-2px}.side{z-index:4;flex-direction:column;gap:.5rem;width:300px;display:flex;position:absolute;top:3rem;bottom:.6rem}.side.left{left:.6rem}.side.right{width:320px;right:.6rem}.panel{border-radius:var(--radius);background:#14161bee;max-height:100%;padding:.5rem .6rem;font-size:.85rem;overflow:auto}.panel.hierarchy{flex-direction:column;display:flex}.side.left .panel{flex:1 1 0;min-height:0}.side.right .panel{flex:1;padding:0}.panel h2{margin:0 0 .4rem;font-size:.95rem}.panel h3{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:.6rem 0 .3rem;font-size:.8rem}.panel label{margin:.3rem 0}.pad{padding:.6rem}.small{font-size:.78rem}.row.tight{flex-wrap:wrap;align-items:center;gap:.3rem;margin:.2rem 0}.row.tight input[type=search],.row.tight>input:not([type]){flex:6rem;min-width:6rem}.tabs{gap:.25rem;display:flex}.tabs button[aria-selected=true]{background:var(--accent);border-color:var(--accent)}.tree{flex:1;min-height:3rem;margin:.3rem 0;padding:0;list-style:none;overflow-y:auto}.tree-row{cursor:pointer;border-top:2px solid #0000;border-bottom:2px solid #0000;border-radius:4px;align-items:center;gap:.25rem;padding:.12rem .3rem;display:flex}.tree-row:hover{background:#ffffff10}.tree-row.selected{background:#5b8def55}.tree-row.drop-into{outline:1px dashed var(--accent)}.tree-row.drop-before{border-top-color:var(--accent)}.tree-row.drop-after{border-bottom-color:var(--accent)}.tree-row .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tree-row input{flex:1;padding:.1rem .3rem}.twisty,.icon-btn{min-width:1rem;color:var(--muted);background:0 0;border:none;padding:0 .2rem}.type-icon{color:var(--muted);display:inline-flex}.chips{flex-wrap:wrap;gap:.3rem;display:flex}.chips button[aria-pressed=true],.asset-card[aria-pressed=true]{background:var(--accent);border-color:var(--accent)}.chip{background:var(--panel-2);border-radius:999px;padding:.05rem .5rem}.chip button{background:0 0;border:none;padding:0 0 0 .3rem}.asset-grid{grid-template-columns:repeat(3,1fr);gap:.35rem;margin:.4rem 0;padding:0;list-style:none;display:grid}.asset-card{text-align:center;flex-direction:column;align-items:center;gap:.15rem;width:100%;padding:.3rem;display:flex}.asset-card img,.thumb-placeholder{object-fit:contain;width:64px;height:64px;color:var(--muted);background:#0f1115;border-radius:4px;justify-content:center;align-items:center;font-size:.7rem;display:flex}.asset-card .name{max-height:2.2em;font-size:.75rem;line-height:1.1;overflow:hidden}.asset-card small{font-size:.65rem}.btn{background:var(--panel-2);cursor:pointer;border:1px solid #3a4150;border-radius:6px;flex-direction:row;margin:0;padding:.3rem .7rem;display:inline-flex}.upload{margin:.2rem 0;font-size:.8rem}.warn-text{color:#ffd479}.banner-inline{background:#6b4a00;border-radius:6px;margin:.3rem 0;padding:.3rem .5rem}.vec{border:1px solid #2c3240;border-radius:6px;gap:.3rem;margin:.4rem 0;padding:.2rem .4rem;display:flex}.vec legend{color:var(--muted);font-size:.75rem}.num{flex-direction:row;flex:1;align-items:center;gap:.2rem;min-width:0;margin:0}.num input{width:100%;min-width:0;padding:.2rem .3rem}.scrub{cursor:ew-resize;-webkit-user-select:none;user-select:none;color:var(--muted);touch-action:none;font-size:.75rem}.rule{border:1px solid #3a4150;border-radius:6px;margin:.5rem 0;padding:.4rem}.action{background:#ffffff0a;border-radius:6px;margin:.3rem 0;padding:.3rem .4rem}.preset-args{border:1px dashed #3a4150;border-radius:6px;margin:.4rem 0;padding:.4rem}.notice{border-radius:var(--radius);z-index:30;background:#5a1d1d;align-items:center;gap:.8rem;max-width:80%;padding:.5rem .9rem;display:flex;position:absolute;bottom:.8rem;left:50%;transform:translate(-50%)}.card.wide{width:min(36rem,100%);max-height:90vh;overflow:auto}.chat-line.overheard{opacity:.6}.vec .num{flex-direction:column;align-items:stretch;gap:0}.vec .num .scrub{text-align:center}.hint{max-width:22rem}.game.editing .hint{display:none}.action-hint{margin:.1rem 0 .3rem}.side.left .panel.hierarchy{flex:50%;min-height:14rem}.side.left .panel.assets{flex:1 1 0;min-height:6rem}