*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:#0b0b0e;color:#b8b2a4;font-family:Georgia,Times New Roman,serif;font-size:15px}#stage,#stage canvas{position:fixed;top:0;right:0;bottom:0;left:0;touch-action:none}.hidden{display:none!important}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#0f0e12e0,#050507f7);z-index:100}.panel{background:#100f13f2;border:1px solid #2c2a33;padding:2.5rem 3rem;text-align:center;max-width:22rem}.panel h1{font-size:2.6rem;font-weight:400;letter-spacing:.45em;margin-right:-.45em;color:#d8d0b8}.tag{margin:.6rem 0 1.6rem;font-style:italic;color:#6f6a5e}input,button{font-family:inherit;font-size:1rem;color:#c8c2b0;background:#131217;border:1px solid #33313b;padding:.55rem .8rem;outline:none}input:focus{border-color:#55524f}button{cursor:pointer;background:#1c1a21}button:hover{border-color:#6f6a5e;color:#e0d8c0}button:disabled{opacity:.5;cursor:default}.login-panel input{display:block;width:100%;text-align:center;margin-bottom:.8rem}.login-panel button{width:100%}.err{color:#a04338;margin-top:.9rem;min-height:1.2em}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}#chat{position:absolute;left:.8rem;bottom:.8rem;width:min(26rem,70vw);pointer-events:auto}#chat-log{max-height:11rem;overflow-y:auto;font-size:.88rem;line-height:1.45;padding:.4rem .5rem;background:#0a0a0db8;border:1px solid #232128;border-bottom:none;scrollbar-width:thin;scrollbar-color:#33313b transparent}#chat-input{width:100%;font-size:.88rem;background:#0e0d11d9}.chat-line .who{color:#a89f8c}.chat-line.sys{font-style:italic;color:#5f5b52}.chat-line.err{color:#a04338}#who{position:absolute;top:.8rem;right:.8rem;text-align:right;font-size:.85rem;background:#0a0a0d99;border:1px solid #232128;padding:.4rem .7rem;pointer-events:auto}.role-gm{color:#c9a227}.role-creator{color:#9a6fb8}.role-player{color:#a89f8c}#status{position:absolute;top:.8rem;left:.8rem;pointer-events:auto}.meter{width:11rem}.meter-label{font-size:.62rem;letter-spacing:.3em;color:#6f6a5e;margin-bottom:3px}.meter-track{height:6px;background:#0a0a0dbf;border:1px solid #232128}.meter-fill{height:100%;width:100%;background:#8a6d3b;transition:width .6s ease}.meter-fill.low{background:#a04338}#actions{position:absolute;right:.8rem;bottom:.8rem;display:flex;flex-direction:column;gap:4px;pointer-events:auto}#actions button{display:flex;justify-content:space-between;gap:1rem;align-items:center;font-size:.85rem;padding:.45rem .7rem;background:#16141ae6}#actions button:disabled{opacity:.35}#actions .key{font-size:.65rem;color:#5f5b52;border:1px solid #33313b;padding:0 4px}.gamepanel{position:absolute;right:.8rem;bottom:8.5rem;width:17rem;max-height:55vh;overflow-y:auto;background:#100f13f2;border:1px solid #2c2a33;padding:.9rem;pointer-events:auto;scrollbar-width:thin}.gamepanel h2{font-size:.9rem;font-weight:400;letter-spacing:.35em;color:#d8d0b8;margin-bottom:.6rem}.inv-row{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;padding:.3rem .2rem;border-bottom:1px solid #1c1a21}.inv-row .iname{color:#b8b2a4}.inv-row .icount{color:#6f6a5e;font-size:.85rem}.inv-row button{font-size:.72rem;padding:.15rem .55rem}.inv-desc{font-size:.75rem;font-style:italic;color:#5f5b52;margin:0 .2rem .35rem}.inv-empty{font-style:italic;color:#5f5b52;font-size:.85rem}.skill-row{padding:.3rem .2rem}.skill-row .sname{display:flex;justify-content:space-between;font-size:.88rem}.skill-row .sval{color:#6f6a5e}.skill-track{height:4px;margin-top:3px;background:#0a0a0dbf;border:1px solid #232128}.skill-fill{height:100%;background:#556052}#editor-panel{position:fixed;top:.8rem;left:.8rem;z-index:20;width:13rem;background:#100f13ed;border:1px solid #2c2a33;padding:.9rem}#editor-panel h2{font-size:1rem;font-weight:400;letter-spacing:.35em;color:#d8d0b8}#editor-role{font-size:.78rem;margin:.4rem 0 .7rem;font-style:italic}#palette{display:flex;flex-direction:column;gap:2px}.swatch{display:flex;align-items:center;gap:.55rem;text-align:left;font-size:.85rem;padding:.3rem .5rem;background:transparent;border:1px solid transparent}.swatch:hover{border-color:#33313b}.swatch.sel{border-color:#6f6a5e;background:#1c1a21}.swatch .dot{width:14px;height:14px;border:1px solid rgba(0,0,0,.5);flex:none}#editor-panel .hint{margin-top:.8rem;font-size:.72rem;color:#5f5b52;line-height:1.5}