:root{--paper: #e8dcc8;--paper-deep: #d4c4a8;--ink: #1a1410;--grid-line: rgba(100, 120, 140, .35);--fog: rgba(28, 32, 42, .88);--wall: #2a2420;--door: #5c4a32;--floor: #efe6d4;--accent: #c9a227;--hud-bg: rgba(26, 20, 16, .82);--radius: 10px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;background:var(--ink);color:#e8e0d5;-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:none;border-radius:var(--radius);padding:.45rem .65rem;background:var(--paper-deep);color:var(--ink);box-shadow:0 1px #0003}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:#3a5a40;color:#f0f6f0}button.ghost{background:#ffffff14;color:#e8e0d5;box-shadow:none}.game-shell{position:relative;width:100%;height:100dvh;overflow:hidden;background:var(--ink)}.map-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.map-layer svg{display:block;width:100%;height:100%}.draggable-panel{position:fixed;min-width:10rem;max-width:min(22rem,calc(100vw - 1rem));border-radius:var(--radius);border:1px solid rgba(255,255,255,.12);background:var(--hud-bg);box-shadow:0 4px 18px #00000059;overflow:hidden}.draggable-panel-handle{cursor:grab;-webkit-user-select:none;user-select:none;padding:.35rem .5rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#b8a890;border-bottom:1px solid rgba(255,255,255,.1);background:#0003}.draggable-panel-handle:active{cursor:grabbing}.draggable-panel-body{max-height:min(70dvh,28rem);overflow:auto}.hud-overlay{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.5rem;padding:.45rem .55rem .55rem}.hud-card{background:#00000040;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:.4rem .65rem;max-width:min(100%,22rem);font-size:.85rem;line-height:1.35}.hud-card strong{color:var(--accent);font-weight:600}.room-panel{padding:.55rem .65rem .65rem;font-size:.82rem;line-height:1.4}.room-panel h2{margin:0 0 .25rem;font-size:.95rem;color:var(--accent)}.room-panel p{margin:0;color:#d8d0c4}.map-legend{padding:.45rem .55rem .6rem;font-size:.78rem;line-height:1.35;color:#d4ccc0}.map-legend ul{margin:0;padding-left:1.1rem}.map-legend li{margin-bottom:.35rem}.map-legend-desc{font-weight:400;color:#c0b8a8}.event-log{width:min(20rem,calc(100vw - 1rem));max-height:min(32vh,14rem);display:flex;flex-direction:column;background:transparent}.event-log-toolbar{display:flex;justify-content:flex-end;padding:.25rem .4rem .35rem;border-bottom:1px solid rgba(255,255,255,.08)}.event-log ol{margin:0;padding:.4rem .5rem .5rem 1.2rem;overflow-y:auto;font-size:.78rem;line-height:1.35;color:#d4ccc0}.event-log li{margin-bottom:.35rem}.action-bar{position:fixed;left:0;right:0;bottom:0;z-index:45;display:flex;flex-wrap:wrap;gap:.35rem;padding:.45rem .5rem;padding-bottom:max(.45rem,env(safe-area-inset-bottom));background:linear-gradient(to top,#0c0a08f2,#0c0a08bf);border-top:1px solid rgba(255,255,255,.08)}.action-bar .spacer{flex:1;min-width:.25rem}.debug-panel{width:min(19rem,calc(100vw - 1rem));max-height:min(60dvh,22rem);overflow:auto;font-size:.72rem;font-family:ui-monospace,monospace;background:transparent;color:#c8d0d8;border:none;border-radius:0;padding:.45rem .55rem}.debug-panel summary{cursor:pointer;font-weight:600;color:#8cb4e8}.debug-panel dl{margin:.4rem 0 0}.debug-panel dt{color:#6a7890;margin-top:.25rem}.debug-panel dd{margin:0;word-break:break-word}.debug-toggles{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.45rem}.debug-toggles label{display:flex;align-items:center;gap:.2rem;cursor:pointer}.character-sheet-overlay{z-index:310}.draggable-panel-dark{background:#080a0ef2;border-color:#78a0c859}.draggable-panel-dark .draggable-panel-handle{background:#00000059;color:#9cb8d8}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:1rem;padding-bottom:max(1rem,env(safe-area-inset-bottom));background:#0000008c}.confirm-panel{width:min(22rem,100%);max-height:min(88dvh,36rem);overflow:auto;background:var(--paper);color:var(--ink);border-radius:var(--radius);padding:1rem 1.1rem;box-shadow:0 12px 40px #00000073;border:1px solid rgba(0,0,0,.12)}.character-sheet-panel{width:min(24rem,100%)}.character-sheet-dl{display:grid;grid-template-columns:8rem 1fr;gap:.35rem .75rem;margin:.5rem 0;font-size:.9rem}.character-sheet-dl dt{margin:0;color:#4a4038;font-weight:600}.character-sheet-dl dd{margin:0}.character-sheet-section{margin-top:.75rem;padding-top:.5rem;border-top:1px solid rgba(0,0,0,.1)}.character-sheet-section h4{margin:0 0 .25rem;font-size:.85rem}.muted{margin:0;font-size:.85rem;color:#5c5448}.confirm-panel h3{margin:0 0 .5rem;font-size:1.05rem}.confirm-panel p{margin:.35rem 0;font-size:.9rem;line-height:1.45}.confirm-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}@media(max-width:640px){.confirm-overlay{align-items:flex-end;padding:0}.confirm-panel{width:100%;border-radius:12px 12px 0 0;padding-bottom:max(1rem,env(safe-area-inset-bottom))}}@media(min-width:900px){.event-log{max-height:38vh}}