:root{color-scheme:dark;font-family:Georgia,Times New Roman,serif;--ink:#ede0bf;--muted:#a99673;--gold:#cfaa58;--gold-2:#8c682f;--bg:#110e0c;--panel:#1d1713;--panel-2:#281f18;--line:#49371f;--danger:#c87868}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 50% -20%,#44301b 0,var(--bg) 45%)}button,input{font:inherit}button{color:var(--ink);border:1px solid var(--line);background:#2b2118;padding:.65rem .9rem;cursor:pointer;transition:.12s ease}button:hover:not(:disabled),button:focus-visible{border-color:var(--gold);background:#3b2b1c;outline:2px solid transparent}button:disabled{opacity:.45;cursor:not-allowed}.eyebrow{display:block;color:var(--gold);font:600 .68rem/1.2 system-ui,sans-serif;letter-spacing:.13em;text-transform:uppercase}.muted{color:var(--muted)}.auth-shell,.loading{min-height:100vh;display:grid;place-items:center;padding:2rem}.auth-panel{width:min(430px,100%);border:1px solid var(--line);padding:2.2rem;background:linear-gradient(145deg,#2a2018f5,#15110efa);box-shadow:0 28px 90px #0009;position:relative}.auth-panel:before{content:"✦";position:absolute;right:1.7rem;top:1.4rem;color:var(--gold-2);font-size:1.8rem}.auth-panel h1{font-size:2.2rem;margin:.35rem 0 .7rem;font-weight:500}.auth-panel p{color:var(--muted);line-height:1.55}.auth-panel form{display:grid;gap:1rem;margin-top:1.5rem}label{display:grid;gap:.4rem;color:#d9c9a4;font:500 .82rem system-ui,sans-serif}input{width:100%;border:1px solid var(--line);background:#120f0d;color:var(--ink);padding:.75rem}input:focus{outline:1px solid var(--gold);border-color:var(--gold)}.error{color:#ffd0c8!important;background:#4a1e18;border-left:3px solid var(--danger);padding:.7rem}.loading{text-align:center;color:var(--muted)}.loading .sigil{color:var(--gold);font-size:3rem;animation:pulse 1.3s infinite}@keyframes pulse{50%{opacity:.4;transform:scale(.88)}}.game-shell{height:100vh;min-height:680px;display:grid;grid-template-rows:58px 1fr;overflow:hidden}.topbar{border-bottom:1px solid var(--line);background:#15110ef2;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 1rem;font-family:system-ui,sans-serif}.topbar b{margin-left:.7rem}.connection{font-size:.75rem;color:#c9bd9e}.connection:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:.45rem;background:#a9853a}.connection.online:before{background:#79a66b;box-shadow:0 0 9px #79a66b}.connection.offline:before{background:var(--danger)}.user-menu{justify-self:end;display:flex;align-items:center;gap:.8rem;font-size:.75rem;color:var(--muted)}.quiet{border:0;background:transparent;padding:.35rem .5rem}.workspace{min-height:0;display:grid;grid-template-columns:260px minmax(500px,1fr) 320px;transition:.2s ease}.workspace.gm-closed{grid-template-columns:260px minmax(500px,1fr) 0}.party-panel,.gm-panel{min-height:0;overflow:auto;background:var(--panel)}.party-panel{border-right:1px solid var(--line);padding:1rem}.party-panel header,.gm-panel header{padding:.5rem 0 1rem;border-bottom:1px solid var(--line)}h1,h2,h3,p{margin-top:0}.party-panel h2,.gm-panel h2{font-size:1.3rem;margin:.25rem 0 0;font-weight:500}.party-list{display:grid;gap:.75rem;padding-top:1rem}.character-card{display:grid;grid-template-columns:46px 1fr;gap:.7rem;border-bottom:1px solid #382b1d;padding:.5rem 0 1rem}.portrait{width:46px;height:52px;display:grid;place-items:center;border:1px solid var(--gold-2);background:#332719;color:var(--gold);font-size:1.4rem}.character-card h3{margin:0 0 .2rem;font-size:1rem}.character-card small{color:var(--muted);font:.7rem system-ui,sans-serif}.character-card b{font:600 .68rem system-ui,sans-serif}.hp-line{height:5px;background:#3b211b;margin:.5rem 0 .25rem}.hp-line span{display:block;height:100%;background:#a44c3b}.xp-line{height:3px;background:#292015;margin:.45rem 0 -.35rem}.xp-line span{display:block;height:100%;background:var(--gold)}.table-area{min-width:0;position:relative;display:grid;grid-template-rows:70px minmax(0,1fr) 92px;background:#17120f}.scene-toolbar{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;border-bottom:1px solid var(--line);background:#1c1612}.scene-toolbar h1{margin:.2rem 0 0;font-size:1.25rem;font-weight:500}.toolbar-actions{display:flex;gap:.4rem}.toolbar-actions button{font:600 .72rem system-ui,sans-serif;padding:.55rem .7rem}button.active{background:#5b421f;border-color:var(--gold)}.board-viewport{min-height:0;overflow:auto;display:grid;place-items:center;padding:1rem;background:repeating-linear-gradient(45deg,#14100d,#14100d 10px,#17120e 10px 20px)}.hex-board{width:min(100%,1100px);max-height:100%;filter:drop-shadow(0 20px 30px #0008)}.hex-cell{fill:#17110a20;stroke:#c99c4b;stroke-width:1;cursor:crosshair}.hex-cell:hover{fill:#d7a34430;opacity:1!important}.hex-cell.fogged{fill:#050504;stroke:#4c4436;opacity:.9!important}.token{cursor:pointer}.token circle{stroke-width:3;fill:#27313a;stroke:#c7a75a}.token.enemy circle{fill:#4a201c;stroke:#c87868}.token.selected circle{stroke:#fff0b0;stroke-width:5;filter:drop-shadow(0 0 7px #ffcf5c)}.token text{fill:#fff;text-anchor:middle;font:700 12px system-ui,sans-serif;pointer-events:none}.gm-panel{border-left:1px solid var(--line);padding:1rem;transition:.2s ease}.gm-closed .gm-panel{overflow:hidden;padding:0;opacity:0}.gm-panel header{display:flex;justify-content:space-between}.gm-panel nav{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin:1rem 0}.gm-panel nav button{font:600 .68rem system-ui,sans-serif;padding:.5rem .2rem}.gm-panel section{padding:1rem 0;border-top:1px solid var(--line)}.gm-panel section h3{font-size:.92rem;font-weight:500}.button-row{display:flex;flex-wrap:wrap;gap:.35rem}.file-picker input{margin-top:.4rem;padding:.4rem;font-size:.7rem}.gm-panel label{margin:.75rem 0;grid-template-columns:1fr auto}.gm-panel input[type=range]{grid-column:1/-1;accent-color:var(--gold);padding:0}.gm-panel output{color:var(--gold)}.journal p{border-left:2px solid var(--gold-2);padding-left:.6rem;font:.73rem/1.4 system-ui,sans-serif}.journal time{color:var(--muted);margin-right:.5rem}.action-dock{display:flex;align-items:center;gap:.5rem;padding:.8rem 1rem;border-top:1px solid var(--line);background:#1d1713}.action-dock>div:first-child{margin-right:auto;min-width:130px}.action-dock b{display:block;margin-top:.25rem}.dice-tray,.dice-fallback{display:flex;align-items:center;gap:.35rem;margin-left:.7rem;font:700 .75rem system-ui,sans-serif}.dodge-toggle{display:flex;align-items:center;gap:.3rem;white-space:nowrap}.dodge-toggle input{width:auto;accent-color:var(--gold)}.die{width:27px;height:27px;display:grid;place-items:center;color:#21170b;background:#d1ad63;border:1px solid #ffdc8c;transform-style:preserve-3d;animation:roll .65s ease-out both}.physics-dice{position:relative;width:190px;height:80px;flex:none}.physics-dice canvas{border:1px solid var(--line);border-radius:3px}.physics-dice>span{position:absolute;right:.3rem;bottom:.2rem;padding:.15rem .35rem;background:#120f0dcc;color:var(--gold);font:.65rem system-ui,sans-serif}@keyframes roll{0%{transform:rotateX(540deg) rotateY(360deg) scale(.5);opacity:0}to{transform:none;opacity:1}}.audio-unlock{position:absolute;right:1rem;bottom:105px;z-index:2;background:#5b421f;border-color:var(--gold)}.toast{position:absolute;z-index:3;top:78px;left:50%;transform:translate(-50%);background:#4a1e18;border:1px solid var(--danger);padding:.65rem 1rem;box-shadow:0 8px 30px #0008}.toast button{border:0;background:transparent;padding:0 0 0 1rem}.sheet-drawer{position:absolute;z-index:4;left:1rem;top:82px;bottom:104px;width:min(430px,calc(100% - 2rem));overflow:auto;border:1px solid var(--gold-2);background:#18130ff5;box-shadow:0 18px 60px #000b;padding:1rem}.sheet-drawer>header{display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.sheet-drawer h2{margin:.2rem 0 .8rem}.sheet-drawer section{padding:.8rem 0;border-top:1px solid var(--line)}.sheet-drawer section p{font:.76rem/1.45 system-ui,sans-serif;color:#d5c6a3}.sheet-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:1rem 0}.sheet-summary span{background:#2a2017;padding:.55rem;color:var(--muted);font:.65rem system-ui,sans-serif}.sheet-summary b{display:block;color:var(--ink);font-size:.9rem;margin-top:.2rem}.abilities{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;margin-bottom:1rem}.abilities span{display:grid;text-align:center;background:#241b14;padding:.45rem .2rem;color:var(--gold);font:.63rem system-ui,sans-serif}.abilities b{color:var(--ink);font-size:1rem}.abilities small{color:var(--muted)}.inline-form{display:flex;gap:.35rem;align-items:end;margin:.7rem 0}.inline-form label,.inline-form input{min-width:0}.inline-form>input:first-child{flex:1}.stack-form{display:grid;gap:.4rem}.stack-form>div{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:.3rem}select{color:var(--ink);border:1px solid var(--line);background:#120f0d;padding:.55rem}.item-row{grid-template-columns:auto 1fr;align-items:center;margin:.35rem 0}.item-row input{width:auto;accent-color:var(--gold)}.catalog-filters{display:grid;grid-template-columns:90px 1fr;gap:.35rem;margin-bottom:.7rem}.catalog-panel article{display:grid;grid-template-columns:1fr auto;gap:.5rem;border-top:1px solid #382b1d;padding:.7rem 0}.catalog-panel article small{display:block;color:var(--gold);font:.58rem system-ui,sans-serif;margin-top:.2rem}.catalog-panel article p{margin:.3rem 0 0;font:.68rem/1.35 system-ui,sans-serif;color:var(--muted)}.catalog-panel article button{align-self:center;padding:.4rem;font-size:.65rem}.license-note{display:block;color:var(--muted);font:.6rem/1.4 system-ui,sans-serif}.compact-list{display:grid;gap:.25rem;margin-bottom:.6rem}.compact-list>div{display:flex;align-items:center;gap:.25rem;background:#211911;padding:.25rem}.compact-list span,.compact-list>div>button:first-child{flex:1;text-align:left}.compact-list small{color:var(--muted);font:.62rem system-ui,sans-serif}.compact-list button{padding:.35rem;font-size:.64rem}.asset-row{display:grid;grid-template-columns:1fr;gap:.3rem;align-items:center;margin:.5rem 0;font:.65rem system-ui,sans-serif}.asset-row label{display:flex;gap:.35rem;align-items:center}.asset-row audio{width:100%;height:28px}.image-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;max-height:270px;overflow:auto;margin:.5rem 0}.image-library article{min-width:0;border:1px solid var(--line);padding:.3rem;background:#211911}.image-library article.selected{border-color:var(--gold)}.image-library small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-thumb{width:100%;height:72px;padding:0;overflow:hidden;background:#100d0b}.image-thumb img{width:100%;height:100%;object-fit:contain}.layer-list article{border:1px solid var(--line);margin:.45rem 0;padding:.4rem}.layer-list img{width:100%;height:70px;object-fit:contain;background:#100d0b}.image-preview{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:3rem;background:#000d}.image-preview img{max-width:min(900px,90vw);max-height:75vh;object-fit:contain}.image-preview button{position:absolute;top:1rem;right:1rem}@media(max-width:1050px){.workspace{grid-template-columns:210px minmax(480px,1fr) 280px}.workspace.gm-closed{grid-template-columns:210px minmax(480px,1fr) 0}}@media(max-width:800px){.game-shell{height:auto;min-height:100vh;overflow:auto}.topbar{grid-template-columns:1fr auto}.connection{display:none}.workspace,.workspace.gm-closed{grid-template-columns:1fr}.party-panel{display:none}.gm-panel{border:0}.table-area{min-height:760px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}