*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;background:#111;color:#eee;font-family:monospace;touch-action:manipulation}#loading{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#111;gap:16px}#loading-title{font-size:28px;font-weight:700;letter-spacing:.15em;color:#c8a96e}#loading-status{font-size:14px;color:#aaa}#loading-bar-track{width:240px;height:4px;background:#333;border-radius:2px;overflow:hidden}#loading-bar-fill{height:100%;width:0%;background:#c8a96e;border-radius:2px;animation:loading-pulse 1.4s ease-in-out infinite}@keyframes loading-pulse{0%{width:0%;opacity:1}50%{width:80%;opacity:.8}to{width:100%;opacity:0}}:root{--rail-left: 260px;--rail-right: 280px}#app-grid{display:grid;grid-template-rows:40px 1fr;grid-template-columns:var(--rail-left) 1fr var(--rail-right);grid-template-areas:"header header header" "left   canvas right";height:100vh;width:100vw}#app-header{grid-area:header;background:#1a1816;border-bottom:1px solid #2a2622;display:flex;align-items:center;padding:0 16px;gap:12px;z-index:10}#left-panel{grid-area:left;background:#1a1816;border-right:1px solid #2a2622;overflow-y:auto;z-index:10;padding:8px}#canvas-zone{grid-area:canvas;position:relative;overflow:hidden}#right-panel{grid-area:right;background:#1a1816;border-left:1px solid #2a2622;overflow-y:auto;z-index:10;padding:8px}#canvas{display:block;width:100%;height:100%;touch-action:none}#ui-overlay{position:fixed;inset:0;z-index:15;pointer-events:none}#mode-indicator{color:#c8a96e;font-weight:700;letter-spacing:.08em}#turn-info{color:#aaa}#initiative-panel{width:100%;overflow-y:auto;padding:8px;font-size:12px}#initiative-panel-title{color:#c8a96e;font-size:11px;font-weight:700;letter-spacing:.1em;margin-bottom:6px;text-transform:uppercase}#roll-history{display:flex;flex-direction:column;overflow-y:auto;gap:8px;padding:8px;font-size:12px}#roll-history::-webkit-scrollbar{width:4px}#roll-history::-webkit-scrollbar-track{background:transparent}#roll-history::-webkit-scrollbar-thumb{background:#444;border-radius:2px}.dm-panel{display:none}.dm-panel.active{display:block}#dm-panel-spawn.active{display:flex}.dm-panel label{display:block;color:#888;font-size:11px;margin-bottom:4px;margin-top:10px}.dm-panel label:first-child{margin-top:0}.dm-panel select,.dm-panel input[type=text],.dm-panel input[type=number],.dm-panel textarea{width:100%;background:#222;border:1px solid #444;color:#ccc;font-family:monospace;font-size:12px;padding:6px 8px;border-radius:3px;pointer-events:auto}.dm-panel textarea{resize:vertical;min-height:60px}.dm-panel button{background:#c8a96e;color:#111;border:none;border-radius:3px;padding:6px 14px;font-family:monospace;font-size:12px;font-weight:700;cursor:pointer;margin-top:10px;pointer-events:auto}.dm-panel button:hover{background:#dabb7f}.dm-panel button.secondary{background:#333;color:#ccc}.dm-panel button.secondary:hover{background:#444}.dm-panel button.danger{background:#a33;color:#fff}.dm-panel .dm-status{color:#4ade80;font-size:11px;margin-top:6px}.dm-panel .dm-error{color:#ef4444;font-size:11px;margin-top:6px}.dm-panel .dm-list{margin-top:10px;border-top:1px solid #333;padding-top:8px}.dm-panel .dm-list-item{display:flex;justify-content:space-between;align-items:center;padding:4px 0;color:#aaa;font-size:11px;border-bottom:1px solid #222}.dm-panel .target-picker .tp-locked{padding:6px 8px;background:#161514;border:1px solid #3a3530;border-radius:4px;color:#e8dfce;font-size:12px}.dm-panel .target-picker .tp-empty{padding:6px 8px;color:#7a7268;font-size:11px;font-style:italic}.dm-panel .dh-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #222}.dm-panel .dh-row-label{color:#e8dfce;font-size:12px;white-space:nowrap}.dm-panel .dh-controls{display:flex;gap:4px}.dm-panel button.dh-step{padding:4px 8px;min-width:34px;margin:0;font-size:12px}.dm-panel .dh-empty{color:#7a7268;font-size:11px;font-style:italic;padding:6px 0}#env-indicator{color:#888;font-size:11px;margin-left:12px}#camera-lock-btn{background:none;border:1px solid #555;color:#aaa;font-family:monospace;font-size:11px;padding:2px 8px;border-radius:3px;cursor:pointer;pointer-events:auto;margin-left:8px;display:none}#camera-lock-btn:hover{border-color:#c8a96e;color:#c8a96e}#camera-lock-btn.active{background:#c8a96e33;border-color:#c8a96e;color:#c8a96e}#world-map-btn{background:none;border:1px solid #555;color:#aaa;font-family:monospace;font-size:11px;padding:2px 8px;border-radius:3px;cursor:pointer;pointer-events:auto;margin-left:8px}#world-map-btn:hover{border-color:#c8a96e;color:#c8a96e}#world-map-btn.active{background:#c8a96e33;border-color:#c8a96e;color:#c8a96e}#world-grid-btn{background:none;border:1px solid #555;color:#aaa;font-family:monospace;font-size:11px;padding:2px 8px;border-radius:3px;cursor:pointer;pointer-events:auto;margin-left:8px}#world-grid-btn:hover{border-color:#c8a96e;color:#c8a96e}#world-grid-panel{position:fixed;inset:60px 20px 20px;background:#0a0a0ef5;border:1px solid #444;border-radius:8px;padding:16px;z-index:500;overflow:auto;display:none}#world-grid-panel.visible{display:block}#world-grid-panel .wg-header{color:#c8a96e;font-family:monospace;font-size:16px;margin-bottom:12px;border-bottom:1px solid #333;padding-bottom:8px}#world-grid-panel .wg-grid{display:grid;gap:10px;max-width:900px;margin:0 auto}#world-grid-panel .wg-cell{aspect-ratio:1;background:#1a1a22;background-size:cover;background-position:center;border:2px solid #444;border-radius:4px;position:relative;cursor:pointer;filter:brightness(.7);transition:filter .15s,border-color .15s}#world-grid-panel .wg-cell.visited{filter:brightness(1);border-color:#7b6}#world-grid-panel .wg-cell:hover{filter:brightness(1.15);border-color:#c8a96e}#world-grid-panel .wg-cell.wg-empty-cell{background:#0a0a10;cursor:default}#world-grid-panel .wg-cell.loading{filter:brightness(.5);cursor:wait}#world-grid-panel .wg-cell.current{filter:brightness(1.1);border-color:#f4c542;box-shadow:0 0 0 2px #f4c542,0 0 14px #f4c542b3;z-index:1}#world-grid-panel .wg-here{position:absolute;top:4px;left:4px;background:#f4c542;color:#1a1a10;padding:2px 6px;border-radius:4px;font-family:monospace;font-size:11px;font-weight:700;pointer-events:none}#world-grid-panel .wg-label{position:absolute;left:0;right:0;bottom:0;background:#000000b3;color:#eee;padding:4px 6px;font-family:monospace;font-size:12px;text-align:center}#world-grid-panel .wg-edit{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:4px;background:#000000b3;color:#c8a96e;display:flex;align-items:center;justify-content:center;font-family:monospace;font-size:14px;text-decoration:none;cursor:pointer;border:1px solid #555}#world-grid-panel .wg-edit:hover{border-color:#c8a96e;background:#c8a96e33}#world-grid-panel .wg-restock{position:absolute;top:4px;right:32px;min-width:24px;height:24px;border-radius:4px;padding:0 3px;background:#000000b3;color:#7dc87e;display:flex;align-items:center;justify-content:center;font-family:monospace;font-size:14px;text-decoration:none;cursor:pointer;border:1px solid #555}#world-grid-panel .wg-restock:hover{border-color:#7dc87e;background:#7dc87e33}#world-grid-panel .wg-cell.wg-design-designed{outline:2px solid #f59e0b;outline-offset:2px}#world-grid-panel .wg-cell.wg-design-live{outline:2px solid #a855f7;outline-offset:2px}#world-grid-panel .wg-loading,#world-grid-panel .wg-empty{color:#aaa;font-family:monospace;padding:20px;text-align:center}#camera-lock-indicator{color:#c8a96e;font-size:11px;margin-left:8px;display:none}#handout-toast{position:fixed;bottom:60px;left:50%;transform:translate(-50%);background:#c8a96ef2;color:#111;padding:10px 20px;border-radius:6px;font-family:monospace;font-size:13px;font-weight:700;cursor:pointer;z-index:30;display:none;pointer-events:auto;animation:toast-fade 5s ease forwards}@keyframes toast-fade{0%{opacity:1}80%{opacity:1}to{opacity:0;pointer-events:none}}.turn-glow-ring{border:2px solid transparent;box-sizing:border-box}.turn-glow-ring.glow-party{border-color:#c8a96e;box-shadow:0 0 12px #c8a96e,0 0 24px #c8a96e4d,inset 0 0 8px #c8a96e26;animation:glow-pulse-party 2.5s ease-in-out infinite}.turn-glow-ring.glow-enemy{border-color:#c94040;box-shadow:0 0 12px #c94040,0 0 24px #c83c3c4d,inset 0 0 8px #c83c3c26;animation:glow-pulse-enemy 2.5s ease-in-out infinite}@keyframes glow-pulse-party{0%,to{box-shadow:0 0 12px #c8a96e,0 0 24px #c8a96e4d,inset 0 0 8px #c8a96e26}50%{box-shadow:0 0 18px #c8a96e,0 0 36px #c8a96e66,inset 0 0 12px #c8a96e33}}@keyframes glow-pulse-enemy{0%,to{box-shadow:0 0 12px #c94040,0 0 24px #c83c3c4d,inset 0 0 8px #c83c3c26}50%{box-shadow:0 0 18px #c94040,0 0 36px #c83c3c66,inset 0 0 12px #c83c3c33}}.entity-label{font-size:9px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 4px rgba(0,0,0,.7);white-space:nowrap;letter-spacing:.02em}.entity-label.enemy{color:#ff8080}.entity-label.party{color:#e8d4a0}.entity-hp-bar{width:28px;height:3px;background:#00000080;border-radius:1.5px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.entity-hp-fill{height:100%;border-radius:1px;transition:width .3s}#handout-modal{position:fixed;inset:0;background:#000000d9;z-index:50;display:none;align-items:center;justify-content:center;pointer-events:auto}#handout-modal.visible{display:flex}#handout-modal-content{position:relative;background:#1a1a1a;border:1px solid #c8a96e;border-radius:8px;padding:24px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;color:#ccc;font-family:monospace}#handout-modal-title{color:#c8a96e;font-size:16px;font-weight:700;margin-bottom:8px}#handout-modal-type{display:inline-block;background:#333;color:#aaa;padding:2px 8px;border-radius:3px;font-size:10px;margin-bottom:12px}#handout-modal-body{font-size:13px;line-height:1.5;white-space:pre-wrap}#handout-modal-close{position:absolute;top:8px;right:12px;background:none;border:none;color:#888;font-size:24px;cursor:pointer;pointer-events:auto}#handout-icon{cursor:pointer;color:#888;font-size:13px;margin-left:12px;pointer-events:auto}#handout-icon:hover{color:#c8a96e}.init-entry{display:flex;align-items:center;gap:4px;padding:2px 0}.init-entry .init-name{flex:1}.init-entry .init-btn{background:#333;color:#aaa;border:none;border-radius:2px;padding:1px 4px;font-family:monospace;font-size:10px;cursor:pointer;pointer-events:auto}.init-entry .init-btn:hover{background:#555;color:#fff}#init-dm-controls{margin-top:8px;border-top:1px solid #333;padding-top:6px}#init-dm-controls button{width:100%;background:#c8a96e;color:#111;border:none;border-radius:3px;padding:4px 8px;font-family:monospace;font-size:11px;font-weight:700;cursor:pointer;margin-top:4px;pointer-events:auto}#init-dm-controls button:hover{background:#dabb7f}#init-dm-controls button.danger{background:#a33;color:#fff}.die-buttons{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.die-btn{background:#222;color:#aaa;border:1px solid #444;border-radius:3px;padding:6px 10px;font-family:monospace;font-size:12px;cursor:pointer;pointer-events:auto}.die-btn.selected{background:#c8a96e;color:#111;border-color:#c8a96e}.die-btn:hover{border-color:#c8a96e}#create-char-btn{background:none;border:1px solid #555;color:#aaa;font-family:monospace;font-size:11px;padding:2px 8px;border-radius:3px;cursor:pointer;pointer-events:auto;margin-left:8px}#create-char-btn:hover{border-color:#c8a96e;color:#c8a96e}#character-creator-modal{position:fixed;inset:0;z-index:40;background:#000000d9;display:none;align-items:center;justify-content:center;pointer-events:auto}#character-creator-modal.visible{display:flex}.cc-panel{background:#111;border:1px solid #333;border-radius:8px;width:90%;max-width:700px;max-height:90vh;overflow-y:auto;padding:24px;font-family:monospace;color:#ccc}.cc-step-bar{display:flex;gap:12px;margin-bottom:20px;font-size:11px}.cc-step-bar .done{color:#4ade80}.cc-step-bar .active{color:#c8a96e;font-weight:700}.cc-step-bar .pending{color:#555}.cc-label{color:#888;font-size:11px;text-transform:uppercase;margin-bottom:6px;margin-top:14px}.cc-label:first-child{margin-top:0}.cc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}.cc-grid-4{grid-template-columns:repeat(4,1fr)}.cc-grid-btn{background:#222;border:1px solid #444;border-radius:4px;padding:8px;text-align:center;font-family:monospace;font-size:11px;color:#aaa;cursor:pointer;pointer-events:auto}.cc-grid-btn:hover{border-color:#888}.cc-grid-btn.selected{border-color:#c8a96e;color:#c8a96e;font-weight:700}.cc-grid-btn .sub{color:#666;font-size:10px}.cc-info-box{background:#1a2a1a;border:1px solid #2a4a2a;border-radius:4px;padding:8px;font-size:11px;color:#6b8;margin-bottom:12px}.cc-nav{display:flex;justify-content:space-between;margin-top:20px}.cc-nav button{background:#c8a96e;color:#111;border:none;border-radius:3px;padding:6px 16px;font-family:monospace;font-size:12px;font-weight:700;cursor:pointer;pointer-events:auto}.cc-nav button:hover{background:#dabb7f}.cc-nav button:disabled{opacity:.4;cursor:default}.cc-nav button.back{background:#333;color:#ccc}.cc-nav button.back:hover{background:#444}.cc-nav button.create{background:#4ade80;color:#111}.cc-nav button.create:hover{background:#6bef9a}.cc-input{width:100%;background:#222;border:1px solid #444;color:#ccc;font-family:monospace;font-size:12px;padding:6px 8px;border-radius:3px;pointer-events:auto}.cc-input:focus{border-color:#c8a96e;outline:none}.cc-stat-box{background:#222;border:1px solid #444;border-radius:4px;padding:8px;text-align:center}.cc-stat-label{color:#888;font-size:10px}.cc-stat-value{color:#ccc;font-size:18px;font-weight:700}.cc-stat-mod{font-size:10px}.cc-stat-mod.positive{color:#4ade80}.cc-stat-mod.negative{color:#ef4444}.cc-stat-mod.zero{color:#888}.cc-stat-racial{color:#c8a96e;font-size:10px}.cc-mode-toggle{display:flex;gap:8px;margin-bottom:12px}.cc-mode-btn{background:#333;color:#aaa;border:none;border-radius:3px;padding:4px 10px;font-family:monospace;font-size:11px;cursor:pointer;pointer-events:auto}.cc-mode-btn.active{background:#c8a96e;color:#111}.cc-summary-card{background:#222;border:1px solid #333;border-radius:6px;padding:12px;margin-bottom:12px}.cc-summary-name{color:#c8a96e;font-size:16px;font-weight:700;margin-bottom:4px}.cc-summary-meta{color:#aaa;font-size:12px;margin-bottom:8px}.cc-summary-stats{display:flex;gap:16px;font-size:11px;color:#888}.cc-summary-stats span strong{color:#4ade80}.cc-error{color:#ef4444;font-size:11px;margin-top:8px}.cc-pool{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}.cc-pool-value{background:#333;border:1px solid #555;border-radius:3px;padding:4px 8px;font-family:monospace;font-size:12px;color:#ccc;cursor:pointer;pointer-events:auto}.cc-pool-value.used{opacity:.3;cursor:default}.cc-pool-value.selected{border-color:#c8a96e;color:#c8a96e}.cc-point-buy-btn{background:#333;border:1px solid #555;color:#ccc;border-radius:3px;padding:2px 8px;font-family:monospace;font-size:12px;cursor:pointer;pointer-events:auto}.cc-point-buy-btn:hover{border-color:#c8a96e}.cc-point-buy-btn:disabled{opacity:.3;cursor:default}#character-sheet{position:fixed;top:0;right:0;width:var(--rail-right);height:100vh;background:#111;border-left:1px solid #333;z-index:25;transform:translate(var(--rail-right));transition:transform .2s ease;overflow-y:auto;padding:16px;font-family:monospace;color:#ccc;pointer-events:auto}#character-sheet.open{transform:translate(0)}.cs-close{position:absolute;top:8px;right:12px;background:none;border:none;color:#888;font-size:20px;cursor:pointer;pointer-events:auto}.cs-close:hover{color:#fff}.cs-portrait{width:100px;height:100px;border-radius:50%;overflow:hidden;border:2px solid #c8a96e;margin:0 auto 12px;background:#222;display:flex;align-items:center;justify-content:center}.cs-portrait img{width:100%;height:100%;object-fit:cover}.cs-name{text-align:center;color:#c8a96e;font-size:16px;font-weight:700;margin-bottom:2px}.cs-meta{text-align:center;color:#888;font-size:12px;margin-bottom:12px}.cs-hp-bar{height:8px;background:#333;border-radius:4px;overflow:hidden;margin-bottom:4px}.cs-hp-fill{height:100%;border-radius:4px;transition:width .2s ease}.cs-hp-text{text-align:center;font-size:11px;color:#888;margin-bottom:12px}.cs-stats-row{display:flex;justify-content:center;gap:16px;margin-bottom:12px;font-size:12px}.cs-stats-row strong{color:#4ade80}.cs-abilities{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px}.cs-ability{background:#1a1a1a;border:1px solid #333;border-radius:4px;padding:6px;text-align:center}.cs-ability-label{color:#888;font-size:10px}.cs-ability-score{color:#ccc;font-size:16px;font-weight:700}.cs-ability-mod{font-size:10px}.cs-ability-mod.positive{color:#4ade80}.cs-ability-mod.negative{color:#ef4444}.cs-ability-mod.zero{color:#888}.cs-info{color:#888;font-size:11px;margin-bottom:6px}.cs-dm-controls{margin-top:12px;border-top:1px solid #333;padding-top:12px}.cs-dm-controls label{color:#888;font-size:11px;display:block;margin-bottom:6px}.cs-hp-btn{background:#c8a96e;color:#111;border:none;border-radius:3px;padding:4px 10px;font-family:monospace;font-size:11px;font-weight:700;cursor:pointer;pointer-events:auto}.cs-hp-btn:hover{background:#dabb7f}@media(pointer:coarse){button,[role=button],.dm-tab,.die-btn,.init-btn{min-width:44px;min-height:44px}}#player-hotbar{position:absolute;bottom:0;left:var(--rail-left);right:var(--rail-right);height:72px;background:linear-gradient(180deg,#1a1a2e,#12121f);border-top:1px solid #2a2a4a;display:flex;align-items:center;padding:0 16px;gap:12px;pointer-events:auto;z-index:11;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}#player-hotbar>[data-hotbar-slot=rest]{position:sticky;right:0;margin-left:auto;padding-left:10px;background:linear-gradient(180deg,#1a1a2e,#12121f);z-index:1}#player-hotbar.dm-enemy>[data-hotbar-slot=rest]{background:linear-gradient(180deg,#2a1a1a,#1f1212)}#player-hotbar.dm-shadow-pc>[data-hotbar-slot=rest]{background:linear-gradient(180deg,#2a2410,#1f1d0c)}#player-hotbar.above-dm-bar{bottom:48px}#player-hotbar.dm-enemy{background:linear-gradient(180deg,#2a1a1a,#1f1212);border-top-color:#3a2a2a}#player-hotbar.dm-shadow-pc{background:linear-gradient(180deg,#2a2410,#1f1d0c);border-top-color:#5a4a18;box-shadow:0 -2px 16px #facc152e}#player-hotbar.hotbar-shadowed-by-dm{opacity:.45;pointer-events:none;filter:grayscale(.6)}.shadow-locked-banner{position:fixed;bottom:200px;left:50%;transform:translate(-50%);padding:8px 16px;background:#facc15f2;color:#1a1a1a;font-weight:600;border-radius:6px;z-index:9999;pointer-events:none}#player-hotbar .hb-divider{width:1px;height:36px;background:#2a2a4a;flex-shrink:0}#player-hotbar .hb-slot{width:42px;height:42px;border-radius:6px;background:#2a2a4a;border:1px solid #444;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;flex-shrink:0;transition:border-color .15s,box-shadow .15s}#player-hotbar .hb-slot:hover{border-color:#666}#player-hotbar .hb-slot.spell{border-color:#6366f1}#player-hotbar .hb-slot.selected{border:2px solid #a78bfa;box-shadow:0 0 12px #6366f166;background:#3a2a5a}#player-hotbar .hb-slot.disabled{opacity:.4;filter:grayscale(1);cursor:not-allowed;background:#232336}#player-hotbar .hb-slot.disabled:hover{border-color:#444}#player-hotbar .hb-slot-label{font-size:8px;color:#888;text-align:center;margin-top:2px;max-width:48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#player-hotbar .hb-slot-label.spell{color:#a78bfa}#player-hotbar .hb-pip{width:10px;height:10px;border-radius:50%;flex-shrink:0}#player-hotbar .hb-pip.available{background:var(--pip-color)}#player-hotbar .hb-pip.spent{background:#333;border:1px solid var(--pip-color)}#player-hotbar .hb-spell-pip{width:8px;height:8px;border-radius:50%;flex-shrink:0}#player-hotbar .hb-spell-pip.available{background:#6366f1}#player-hotbar .hb-spell-pip.spent{background:#333;border:1px solid #555}#player-hotbar .hb-condition{font-size:9px;padding:2px 8px;background:#7c3aed22;border:1px solid #7c3aed55;border-radius:10px;color:#c4b5fd;white-space:nowrap}#player-hotbar .hb-rest-btn{padding:6px 12px;border-radius:6px;background:#2a2a4a;border:1px solid #444;color:#e2e8f0;font-size:11px;cursor:pointer;display:flex;align-items:center;gap:4px}#player-hotbar .hb-rest-btn:hover{border-color:#666;background:#333}#player-hotbar .hb-util-btn{padding:5px 9px;border-radius:4px;background:#161514;border:1px solid #2a2622;color:#b0a898;font-size:11px;line-height:1;white-space:nowrap;cursor:pointer;transition:border-color .15s,color .15s}#player-hotbar .hb-util-btn:hover:not(:disabled){border-color:#3a3632;color:#e2e8f0}#player-hotbar .hb-util-btn:disabled{opacity:.4;cursor:default}#player-hotbar .hb-quest-btn{display:inline-flex;align-items:center;gap:6px;cursor:pointer}#player-hotbar .hb-quest-count{min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#8a7234;color:#14120f;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}#player-hotbar .hb-end-turn-btn{padding:8px 18px;border-radius:6px;background:linear-gradient(180deg,#2a3a2a,#1a2a1a);border:1px solid #306830;color:#50b050;font-family:Cinzel,serif;font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:border-color .15s,box-shadow .15s,opacity .15s}#player-hotbar .hb-end-turn-btn:hover:not(:disabled){border-color:#50b050;box-shadow:0 0 12px #50b05040}#player-hotbar .hb-end-turn-btn:disabled{opacity:.35;cursor:not-allowed}#player-hotbar .hb-end-turn-btn.is-ready{background:linear-gradient(180deg,#35502f,#1f3a1f);border-color:#50b050;color:#9fe89f;animation:hb-end-turn-breathe 2.6s ease-in-out infinite}#player-hotbar .hb-end-turn-btn.is-spent{background:linear-gradient(180deg,#4a6b34,#2c4a22);border-color:#8fd46a;color:#e6ffd9;animation:hb-end-turn-urge 1.15s ease-in-out infinite}@keyframes hb-end-turn-breathe{0%,to{box-shadow:0 0 #50b05000}50%{box-shadow:0 0 14px #50b05073}}@keyframes hb-end-turn-urge{0%,to{box-shadow:0 0 4px #8fd46a4d}50%{box-shadow:0 0 20px #8fd46abf}}@media(prefers-reduced-motion:reduce){#player-hotbar .hb-end-turn-btn.is-ready,#player-hotbar .hb-end-turn-btn.is-spent{animation:none}#player-hotbar .hb-end-turn-btn.is-ready{box-shadow:0 0 0 2px #50b0508c}#player-hotbar .hb-end-turn-btn.is-spent{box-shadow:0 0 0 3px #8fd46ad9}}#player-hotbar .hb-end-turn-btn .hb-key{margin-left:8px;padding:1px 5px;border-radius:3px;border:1px solid currentColor;font-family:IBM Plex Mono,monospace;font-size:9px;font-weight:500;letter-spacing:0;text-transform:none;opacity:.7}#player-hotbar .hb-targeting-prompt{display:flex;align-items:center;gap:8px;padding:6px 14px;background:#6366f122;border:1px solid #6366f155;border-radius:8px}#player-hotbar .hb-targeting-prompt span{color:#a78bfa;font-size:12px}#player-hotbar .hb-cancel-btn{padding:4px 10px;border-radius:4px;background:#ef444433;border:1px solid #ef444466;color:#fca5a5;font-size:10px;cursor:pointer}#player-hotbar .hb-dm-badge{padding:4px 10px;background:#ef444422;border:1px solid #ef444444;border-radius:6px;color:#fca5a5;font-size:10px;font-weight:600}#player-hotbar .hb-dead-badge{padding:6px 14px;background:#14100e;border:1px solid #6a6258;border-radius:8px;color:#b8b0a0;font-size:12px;font-weight:700;letter-spacing:.12em;white-space:nowrap}#player-hotbar .hb-death-save{display:flex;align-items:center;gap:12px;padding:6px 14px;background:#1a0a0a;border:1px solid #aa000055;border-radius:8px}#player-hotbar .hb-death-save-pips{display:flex;gap:10px}#player-hotbar .hb-death-save-group{display:flex;align-items:center;gap:4px}#player-hotbar .hb-death-save-group .label{font-size:11px;color:#888;margin-right:2px}#player-hotbar .hb-pip{width:12px;height:12px;border-radius:50%;border:1px solid #555;background:#222;transition:background .2s,border-color .2s,box-shadow .2s}#player-hotbar .hb-pip.success{background:#22c55e;border-color:#22c55e;box-shadow:0 0 6px #22c55e66}#player-hotbar .hb-pip.failure{background:#ef4444;border-color:#ef4444;box-shadow:0 0 6px #ef444466}#player-hotbar .hb-death-roll-btn{padding:8px 18px;border-radius:6px;background:linear-gradient(180deg,#3a1a1a,#2a0a0a);border:1px solid #aa0000;color:#f66;font-weight:700;font-size:13px;letter-spacing:.5px;cursor:pointer;transition:border-color .15s,box-shadow .15s,opacity .15s}#player-hotbar .hb-death-roll-btn:hover:not(:disabled){border-color:#f44;box-shadow:0 0 12px #ff44444d}#player-hotbar .hb-death-roll-btn:disabled{opacity:.35;cursor:not-allowed}#player-hotbar .hb-death-result{font-size:12px;font-weight:600;padding:4px 10px;border-radius:4px;animation:hb-death-fade .3s ease-out}#player-hotbar .hb-death-result.success{color:#22c55e;background:#22c55e15}#player-hotbar .hb-death-result.failure{color:#ef4444;background:#ef444415}#player-hotbar .hb-death-result.stabilized{color:#60a5fa;background:#60a5fa15}#player-hotbar .hb-death-result.revived{color:#fbbf24;background:#fbbf2415}#player-hotbar .hb-death-result.died{color:#888;background:#88888815}@keyframes hb-death-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.hb-tooltip{position:fixed;z-index:10100;pointer-events:none;width:240px;background:linear-gradient(180deg,#1e1e2e,#181825);border:1px solid #3a3a5a;border-radius:8px;padding:10px 12px;box-shadow:0 6px 24px #0009;color:#e2e8f0;font-size:11px;line-height:1.4}.hb-tooltip .hb-tt-title{font-family:Cinzel,serif;font-size:14px;font-weight:600;color:#f4e9c1;margin-bottom:2px}.hb-tooltip .hb-tt-title.spell{color:#c4b5fd}.hb-tooltip .hb-tt-title.weapon{color:#fbbf77}.hb-tooltip .hb-tt-subtitle{font-size:10px;color:#8b8ba7;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.hb-tooltip .hb-tt-row{display:flex;justify-content:space-between;gap:10px;padding:2px 0}.hb-tooltip .hb-tt-key{color:#8b8ba7;flex-shrink:0}.hb-tooltip .hb-tt-val{color:#e2e8f0;text-align:right}.hb-tooltip .hb-tt-desc{margin-top:8px;padding-top:8px;border-top:1px solid #2a2a4a;color:#c1c1d4;font-style:italic}.hb-tooltip .hb-tt-hint{margin-top:6px;font-size:10px;letter-spacing:.3px;color:#7a7690}#player-hotbar{height:auto;min-height:72px;flex-wrap:wrap;align-content:center;row-gap:6px;padding-top:4px;padding-bottom:4px;overflow:visible}#player-hotbar>*,#player-hotbar>*>*{max-width:100%;min-width:0;flex-wrap:wrap}#player-hotbar>[data-hotbar-slot=rest]{position:static}@media(pointer:coarse){#player-hotbar .hb-slot{width:44px;height:44px}}#player-hotbar .hb-end-turn-btn.hb-idle-ding{animation:hb-idle-ding 1.2s ease-out 1}@keyframes hb-idle-ding{0%{box-shadow:0 0 #ffd54ae6;transform:scale(1)}30%{box-shadow:0 0 0 10px #ffd54a59;transform:scale(1.08)}to{box-shadow:0 0 0 18px #ffd54a00;transform:scale(1)}}.inv-popup{position:fixed;width:320px;max-height:480px;overflow-y:auto;background:linear-gradient(180deg,#1e1e2e,#181825);border:1px solid #333;border-radius:10px;padding:12px;z-index:20;box-shadow:0 -4px 24px #0009;pointer-events:auto}.inv-header{color:#c8a96e;font-size:14px;font-weight:700;text-align:center;margin-bottom:6px}.inv-currency{text-align:center;font-size:11px;color:#facc15;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #2a2a3a}.inv-section-label{color:#888;font-size:10px;text-transform:uppercase;letter-spacing:1px;margin:8px 0 6px}.inv-equip-grid,.inv-bag-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.inv-slot{width:56px;height:56px;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:grab;transition:border-color .15s,box-shadow .15s;user-select:none;position:relative}.inv-slot-empty{background:#1a1a2e;border:1px dashed #2a2a3a;cursor:default}.inv-slot-filled{background:#1a1a2e;border:1px solid #4a4658}.inv-slot-filled:hover{border-color:#555;box-shadow:0 0 8px #c8a96e26}.inv-slot-icon{font-size:20px;line-height:1;flex:0 0 auto;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.inv-slot-name{font-size:8px;font-weight:600;text-align:center;line-height:1.1;margin-top:2px;max-width:52px;flex:0 0 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inv-slot-label{font-size:9px;color:#6a6678;letter-spacing:.5px}.inv-slot,[draggable=true]{transition:border-color .15s,box-shadow .15s,background-color .15s,opacity .15s ease}.inv-dragging{opacity:.4}.inv-drag-ghost{position:fixed;z-index:10002;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:24px;line-height:1;border-radius:8px;border:1px solid #c8a96e;background:#1a1a2e;box-shadow:0 4px 12px #0000008c;pointer-events:none}.inv-drag-ghost img{width:34px;height:34px;object-fit:contain}@keyframes inv-drop-land{0%{transform:scale(.86)}55%{transform:scale(1.12)}to{transform:scale(1)}}.inv-drop-landed{animation:inv-drop-land .18s ease-out}@keyframes inv-drag-snapback{0%{transform:scale(.94);opacity:.4}to{transform:scale(1);opacity:1}}.inv-drag-snapback{animation:inv-drag-snapback .16s ease-out}.inv-drop-target{border-color:#c8a96e!important;box-shadow:0 0 10px #c8a96e4d!important;border-style:solid!important}.inv-drop-reject{border-color:#b04a4a!important;background:#b04a4a2e!important;box-shadow:0 0 10px #b04a4a40!important;border-style:solid!important;cursor:not-allowed!important}.inv-drag-hint{position:fixed;z-index:10001;pointer-events:none;max-width:260px;padding:5px 9px;border:1px solid #b04a4a;border-radius:3px;background:#241214;color:#f0b8b8;font-family:IBM Plex Mono,monospace;font-size:11px;line-height:1.35;box-shadow:0 2px 8px #0009}.inv-empty{color:#555;font-size:11px;text-align:center;padding:12px 0}.inv-trash{margin-top:8px;padding:8px;border:1px dashed #4a3a3a;border-radius:6px;background:#1e1414;color:#8a6a6a;font-size:10px;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;transition:border-color .15s,box-shadow .15s}.inv-trash.inv-drop-target{border-color:#d06a6a!important;box-shadow:0 0 10px #d06a6a4d!important}.inv-trash-confirm{background:#2a1616;border-color:#6a3a3a;color:#d9b8b8}.inv-trash-msg{flex:1;text-align:left}.inv-trash-btn{background:#2a2a2a;border:1px solid #444;color:#ccc;padding:3px 8px;font-family:monospace;font-size:10px;cursor:pointer;border-radius:3px}.inv-trash-yes{background:#5a2020;border-color:#8a3a3a;color:#f0d0d0}.inv-trash-destroy{background:#8a1c1c;border-color:#d06a6a;color:#ffe4e4;font-weight:700}.inv-popup::-webkit-scrollbar{width:4px}.inv-popup::-webkit-scrollbar-track{background:transparent}.inv-popup::-webkit-scrollbar-thumb{background:#333;border-radius:2px}.spellbook-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(180deg,#1e1e2e,#181825);border:1px solid #333;border-radius:10px;padding:16px;min-width:520px;max-width:720px;max-height:80vh;overflow-y:auto;z-index:10000;box-shadow:0 4px 32px #000000b3}.spellbook-section{margin-top:14px}.spellbook-section-label{font-size:10px;font-weight:600;color:#888;letter-spacing:1px;margin-bottom:6px;text-transform:uppercase}.spellbook-cantrip-strip{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-start}.spellbook-prepared-grid,.spellbook-known-grid{display:grid;grid-template-columns:repeat(auto-fit,56px);gap:8px;justify-content:start}.spellbook-close{position:absolute;top:8px;right:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#c1c1d4;font-size:18px;cursor:pointer;border-radius:4px}.spellbook-close:hover{background:#2a2a3a}.spellbook-toast{position:absolute;bottom:12px;left:50%;transform:translate(-50%);background:#4a2a2a;color:#f0d0d0;padding:6px 12px;border-radius:4px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .15s}.spellbook-toast.visible{opacity:1}.spellbook-learn-btn{margin-top:8px;background:#1a1a2e;color:#c1c1d4;border:1px solid #4a4658;border-radius:6px;padding:6px 10px;font-size:12px;cursor:pointer}.spellbook-learn-btn:hover{border-color:#555}.spellbook-learnable-tile{position:relative;cursor:pointer}.spellbook-learnable-tile:hover{outline:1px solid #4a4658}.spellbook-learn-badge{position:absolute;top:2px;right:2px;width:14px;height:14px;display:flex;align-items:center;justify-content:center;background:#2a5d2a;color:#e8f5e8;border-radius:50%;font-size:11px;font-weight:700;line-height:1;pointer-events:none}.spell-group-label{font-size:9px;color:#6a6678;letter-spacing:.5px;text-transform:uppercase;margin:4px 0}.spellbook-popup::-webkit-scrollbar{width:4px}.spellbook-popup::-webkit-scrollbar-track{background:transparent}.spellbook-popup::-webkit-scrollbar-thumb{background:#333;border-radius:2px}:root{--rail-left-open: 260px;--rail-right-open: 280px;--rail-top-open: 40px;--rail-collapsed: 26px;--rail-left: var(--rail-left-open);--rail-right: var(--rail-right-open);--rail-top: var(--rail-top-open);--rail-right-safe: var(--rail-right)}html.rail-left-collapsed{--rail-left: var(--rail-collapsed)}html.rail-right-collapsed{--rail-right: var(--rail-collapsed)}html.rail-top-collapsed{--rail-top: 0px}body.sheet-open{--rail-right-safe: var(--rail-right-open)}#player-hotbar{right:var(--rail-right-safe)}#app-grid{grid-template-rows:var(--rail-top) 1fr}#character-sheet{width:var(--rail-right-open);transform:translate(var(--rail-right-open))}html.rail-left-collapsed #left-panel,html.rail-right-collapsed #right-panel,html.rail-top-collapsed #app-header{padding:0;overflow:hidden;visibility:hidden}html.rail-right-collapsed #right-panel>#connection-status{visibility:visible}.rail-toggle{position:fixed;padding:0;z-index:16;display:flex;align-items:center;justify-content:center;background:#1a1816;border:1px solid #2a2622;color:#c8a96e;font-size:13px;line-height:1;cursor:pointer;opacity:.75;transition:opacity .12s ease,background .12s ease}.rail-toggle:hover{opacity:1;background:#241f1a}.rail-toggle:focus-visible{opacity:1;outline:2px solid #c8a96e;outline-offset:1px}#rail-toggle-left,#rail-toggle-right{top:50%;transform:translateY(-50%);width:18px;height:56px}#rail-toggle-left{left:var(--rail-left);border-left:none;border-radius:0 5px 5px 0}#rail-toggle-right{right:var(--rail-right);border-right:none;border-radius:5px 0 0 5px}#rail-toggle-top{top:var(--rail-top);left:50%;transform:translate(-50%);width:56px;height:18px;border-top:none;border-radius:0 0 5px 5px}body.shadow-banner-open #rail-toggle-top{top:calc(var(--rail-top) + 52px)}.shop-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;display:flex;flex-direction:column;gap:10px;box-sizing:border-box;width:min(720px,92vw);max-height:80vh;padding:18px;background:#1a1a1a;border:2px solid #c8a96e;border-radius:6px;color:#eee;font-family:monospace;font-size:13px;box-shadow:0 6px 28px #0009;pointer-events:auto}.shop-panel .shop-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.shop-panel .shop-title{color:#c8a96e;font-size:15px}.shop-panel .shop-close{background:none;border:none;color:#888;font-family:monospace;font-size:18px;line-height:1;cursor:pointer}.shop-panel .shop-close:hover{color:#eee}.shop-panel .shop-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;min-height:0}.shop-panel .shop-columns section{display:flex;flex-direction:column;min-height:0}.shop-panel .shop-columns h3{margin:0 0 4px;color:#c8a96e;font-size:12px;font-weight:400}.shop-panel .shop-stock-rows,.shop-panel .shop-sell-rows{display:flex;flex-direction:column;gap:3px;max-height:46vh;overflow-y:auto;padding:4px;border:1px solid #333}.shop-panel .shop-row{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:8px;padding:4px 6px;background:#222;border:1px solid #333;font-size:11px}.shop-panel .shop-sell-rows .shop-row{grid-template-columns:1fr auto auto}.shop-panel .shop-row-name{color:#ddd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-panel .shop-row-price{color:#c8a96e}.shop-panel .shop-row-stock{color:#888}.shop-panel .shop-row-btn{background:#3a2a10;border:1px solid #c8a96e;color:#c8a96e;padding:3px 10px;font-family:monospace;font-size:11px;cursor:pointer}.shop-panel .shop-row-btn:hover:not(:disabled){background:#4a3614}.shop-panel .shop-row-disabled{opacity:.45;background:#1c1c1c;border-style:dashed}.shop-panel .shop-row-disabled .shop-row-price{color:#8a7a55;text-decoration:line-through}.shop-panel .shop-row-disabled .shop-row-stock{color:#a55}.shop-panel .shop-row-btn:disabled{background:#222;border-color:#444;color:#666;cursor:not-allowed}.shop-panel .shop-empty{margin:0;padding:6px 4px;color:#666;font-size:11px}.shop-panel .shop-purse{color:#c8a96e;font-size:12px;border-top:1px dashed #333;padding-top:6px}.shop-panel .shop-status{min-height:16px;color:#fbbf24;font-size:12px}.shop-panel .shop-status.is-ok{color:#4ade80}@media(max-width:640px){.shop-panel .shop-columns{grid-template-columns:1fr}.shop-panel .shop-stock-rows,.shop-panel .shop-sell-rows{max-height:26vh}}.talk-panel{position:fixed;left:50%;bottom:6vh;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:12px;box-sizing:border-box;width:min(560px,92vw);max-height:66vh;padding:18px;background:#1a1a1a;border:2px solid #c8a96e;border-radius:6px;color:#eee;font-family:monospace;font-size:13px;box-shadow:0 6px 28px #0009;pointer-events:auto}.talk-panel .talk-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.talk-panel .talk-speaker{color:#c8a96e;font-size:15px;font-weight:700;letter-spacing:.03em}.talk-panel .talk-close{background:none;border:none;color:#888;cursor:pointer;font-size:20px;line-height:1;padding:0 4px}.talk-panel .talk-close:hover{color:#eee}.talk-panel .talk-text{margin:0;font-size:14px;line-height:1.55;color:#f2ead9;white-space:pre-wrap}.talk-panel .talk-choices{display:flex;flex-direction:column;gap:6px;overflow-y:auto;min-height:0}.talk-panel .talk-choice{display:flex;flex-direction:column;gap:2px;width:100%;padding:9px 12px;background:#232323;border:1px solid #3a3a3a;border-radius:4px;color:#ddd;cursor:pointer;font-family:inherit;font-size:13px;text-align:left}.talk-panel .talk-choice:hover:not(:disabled){background:#2c2620;border-color:#c8a96e;color:#fff}.talk-panel .talk-choice:disabled{cursor:not-allowed;opacity:.55}.talk-panel .talk-choice-why{color:#8a8a8a;font-size:11px;font-style:italic}.talk-panel .talk-choice-quest,.overheard-panel .talk-choice-quest{display:inline-block;align-self:flex-start;margin-top:4px;padding:1px 8px;border-radius:10px;border:1px solid rgba(214,178,94,.6);background:#d6b25e24;color:#e6c878;font-size:11px;font-weight:600}.talk-panel .talk-choice-quest[data-quest-kind=complete],.overheard-panel .talk-choice-quest[data-quest-kind=complete]{border-color:#9fd18b99;background:#9fd18b24;color:#9fd18b}.talk-panel .talk-check:empty{display:none}.talk-panel .talk-check{margin:0 0 8px;font-size:13px}.talk-panel .talk-check.pass .talk-check-line{color:#9fd18b;font-weight:600}.talk-panel .talk-check.fail .talk-check-line{color:#d98b6a;font-weight:600}.talk-panel .talk-check-detail{color:#8a8a8a;font-size:11px}.talk-panel .talk-status{min-height:1em;color:#d98b6a;font-size:12px}.overheard-panel{position:fixed;right:16px;bottom:6vh;z-index:9998;display:flex;flex-direction:column;gap:8px;box-sizing:border-box;width:min(380px,80vw);max-height:50vh;padding:12px 14px;background:#1a1a1ae0;border:1px dashed #8c7a52;border-radius:6px;color:#bbb;font-family:monospace;font-size:12px;pointer-events:none}.overheard-panel .overheard-header{display:flex;align-items:center;gap:8px}.overheard-panel .overheard-tag{padding:0 7px;border-radius:8px;background:#8c7a5240;color:#c8a96e;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.overheard-panel .overheard-npc{color:#c8a96e;font-weight:700}.overheard-panel .overheard-line{margin:0;font-style:italic;color:#d4d4d4}.overheard-panel .overheard-choices{display:flex;flex-direction:column;gap:4px;overflow-y:auto;min-height:0}.overheard-panel .talk-choice{display:flex;flex-direction:column;gap:2px;padding:6px 10px;background:#202020;border:1px solid #333;border-radius:4px;color:#aaa;font-family:inherit;font-size:12px;text-align:left;cursor:default;opacity:.8}.overheard-panel .overheard-answering{color:#8a8a8a;font-size:11px}.overheard-panel .overheard-far{color:#d98b6a;font-size:12px}