*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100dvh}body{color:#eee;background:#1a1a2e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}button{cursor:pointer;color:#eee;background:#2a2a3e;border:1px solid #444;border-radius:4px;padding:4px 8px;font-size:12px}button:hover{background:#3a3a4e}button.active{background:#4a4a6e;border-color:#7a7aaa}button.small{padding:2px 6px;font-size:11px}input,select{color:#eee;background:#2a2a3e;border:1px solid #444;border-radius:4px;padding:4px 8px;font-size:12px}.app{flex-direction:column;height:100dvh;display:flex}.app-header{background:#16162a;border-bottom:1px solid #333;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:8px 16px;display:flex}.app-header h1{white-space:nowrap;font-size:18px}.app-body{flex:1;min-height:0;display:flex;overflow:hidden}.left-panel{flex:1;min-width:0;min-height:0;overflow:hidden}.right-panel{border-left:1px solid #333;flex-direction:column;width:360px;min-width:280px;transition:max-height .3s,min-height .3s;display:flex;overflow:hidden}.panel-fixed{flex-shrink:0}.panel-scroll{flex:1;min-height:0;overflow-y:auto}.panel-handle{display:none}.player-selector{flex-basis:100%}.player-selector .player-tabs{flex-wrap:wrap;gap:4px;display:flex}.player-selector .player-tab.add-player{padding:4px 12px;font-size:16px;font-weight:700}@media (width>=901px){.player-selector{flex-basis:auto}}.reset-btn{margin-left:auto;color:#c66!important;border-color:#c66!important}.modal-overlay{z-index:500;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#2a2a3e;border:1px solid #555;border-radius:8px;min-width:300px;max-width:400px;max-height:80vh;padding:16px;overflow-y:auto}.modal .modal-title{margin-bottom:12px;font-size:16px}.modal .modal-field{margin-bottom:12px}.modal .modal-field label{color:#aaa;text-transform:uppercase;margin-bottom:4px;font-size:11px;display:block}.modal .modal-field input{width:100%}.modal .modal-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.modal .modal-actions .primary{background:#4a4a6e;border-color:#7a7aaa}.modal .modal-actions .primary:disabled{opacity:.4;cursor:not-allowed}.character-list{flex-direction:column;gap:4px;max-height:200px;display:flex;overflow-y:auto}.character-option{cursor:pointer;border:1px solid #0000;border-radius:4px;align-items:center;gap:8px;padding:6px 8px;display:flex}.character-option:hover{background:#3a3a5e}.character-option.selected{background:#3a3a5e;border-color:#7a7aaa}.character-option .character-option-avatar{border-radius:50%;flex-shrink:0;width:36px;height:36px}.character-option .character-option-name{font-size:12px;font-weight:700}.character-option .character-option-role{color:#888;font-size:10px}.board-panel{flex-direction:column;height:100%;min-height:0;display:flex}.board-container{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.board-toolbar{border-bottom:1px solid #333;flex-wrap:wrap;align-items:center;gap:8px;padding:6px 8px;display:flex}.board-toolbar .toolbar-info{color:#aaa;align-items:center;gap:4px;font-size:12px;display:flex}.toolbar-dropdown{position:relative}.toolbar-dropdown-menu{z-index:100;touch-action:auto;-webkit-overflow-scrolling:touch;background:#2a2a3e;border:1px solid #555;border-radius:4px;min-width:200px;max-height:400px;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 4px 12px #00000080}.toolbar-dropdown-item{cursor:pointer;white-space:nowrap;align-items:center;gap:8px;padding:5px 10px;font-size:12px;display:flex}.toolbar-dropdown-item:hover{background:#3a3a5e}.toolbar-dropdown-item.disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.toolbar-dropdown-item .tile-swatch{border-radius:2px;flex-shrink:0}.toolbar-dropdown-item .tile-size{color:#888;margin-left:auto;font-size:10px}.toolbar-dropdown-item .token-icon{font-size:14px}.toolbar-dropdown-extra{border-top:1px solid #444;padding:4px 10px}.toolbar-dropdown-extra input,.toolbar-dropdown-extra select{width:100%}.board-grid{-webkit-overflow-scrolling:touch;background:#222238;flex:1;min-height:0;overflow:scroll}.board-grid-inner{cursor:crosshair;position:relative}.grid-line-h,.grid-line-v{pointer-events:none;position:absolute}.grid-line-h{background:#333;height:1px;left:0;right:0}.grid-line-v{background:#333;width:1px;top:0;bottom:0}.placed-tile{pointer-events:none;z-index:1;border:2px solid #ffffff4d;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;overflow:hidden}.placed-tile .tile-image{object-fit:cover;width:100%;height:100%;position:absolute}.placed-tile .tile-label{z-index:1;color:#fff;text-shadow:0 1px 3px #000c,0 0 6px #00000080;text-align:center;padding:2px 4px;font-size:11px;font-weight:700;position:relative}.board-token{pointer-events:auto;cursor:grab;z-index:10;border:2px solid #fff6;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;box-shadow:0 2px 6px #0006}.board-token .token-icon{font-size:16px}.board-token .token-text{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:28px;font-size:7px;overflow:hidden}.board-token .token-subtype-label{color:#ffffffb3;font-size:7px}.board-token.dragging{opacity:.3}.board-token.player-token{background:#1a1a2e;border:3px solid #3ac;width:40px;height:40px;box-shadow:0 2px 8px #3ac6}.board-token.player-token .player-portrait{object-fit:cover;border-radius:50%;width:100%;height:100%}.board-token.monster-token{background:#1a1a1a;border:3px solid #c33;border-radius:6px;width:32px;height:32px;box-shadow:0 2px 8px #c336}.board-token.monster-token .player-portrait{object-fit:cover;border-radius:4px;width:100%;height:100%}.ghost-tile{pointer-events:none;z-index:50;opacity:.7;background:#ffffff0d;border:2px dashed;border-radius:4px;justify-content:center;align-items:center;display:flex;position:absolute}.ghost-tile .tile-label{color:#fff9;font-size:11px}.ghost-token{pointer-events:none;z-index:50;opacity:.7;background:#ffffff0d;border:2px dashed;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute}.ghost-token .token-icon{font-size:14px}.context-menu{z-index:100;pointer-events:auto;background:#2a2a3e;border:1px solid #555;border-radius:4px;min-width:140px;position:absolute;box-shadow:0 4px 12px #00000080}.context-menu-title{color:#ddd;border-bottom:1px solid #444;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;display:flex}.context-menu-title .context-menu-icon{font-size:14px}.context-menu-item{cursor:pointer;padding:6px 12px;font-size:12px}.context-menu-item:hover{background:#3a3a5e}.context-menu-item:first-child{border-radius:4px 4px 0 0}.context-menu-item:last-child{border-radius:0 0 4px 4px}.card-context-menu{z-index:200;background:#2a2a3e;border:1px solid #555;border-radius:4px;min-width:140px;position:fixed;box-shadow:0 4px 12px #00000080}.player-hand{padding:12px}.player-actions{padding:4px 12px}.actions-split{align-items:stretch;gap:8px;display:flex}.move-btn{color:#eee;cursor:pointer;background:#2a2a3e;border:1px solid #444;border-radius:6px;flex-direction:column;flex:0 0 33%;justify-content:center;align-items:center;gap:4px;padding:8px;display:flex}.move-btn .move-btn-icon{font-size:22px}.move-btn .move-btn-text{text-align:center;font-size:12px;line-height:1.3}.move-btn:hover{background:#3a3a4e}.move-btn.active{background:#4a4a6e;border-color:#7a7aaa}.gain-section{flex:1;min-width:0}.gain-label{color:#888;text-transform:uppercase;margin-bottom:3px;font-size:10px}.gain-buttons-row{gap:4px;margin-bottom:3px;display:flex}.draw-btn{padding:4px 8px;font-size:11px}.draw-btn.draw-damage{border-color:#c44}.draw-btn.draw-horror{border-color:#64a}.draw-btn.draw-item{border-color:#a83}.draw-btn.draw-spell{border-color:#46c}.draw-btn.draw-condition{border-color:#4a6}.draw-dropdown{position:relative}.draw-dropdown-menu{z-index:100;touch-action:auto;-webkit-overflow-scrolling:touch;background:#2a2a3e;border:1px solid #555;border-radius:4px;min-width:180px;max-height:300px;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 4px 12px #00000080}.draw-dropdown-item{cursor:pointer;white-space:nowrap;padding:5px 10px;font-size:12px}.draw-dropdown-item:hover{background:#3a3a5e}.draw-dropdown-empty{color:#666;padding:8px 10px;font-size:11px}.hand-title{margin-bottom:12px;font-size:14px}.hand-cards{flex-direction:column;gap:12px;display:flex}.card-group-label{text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:700}.card-group-items{grid-template-columns:1fr 1fr;gap:8px;display:grid}.empty-hand{text-align:center;color:#666;padding:20px}.card-item{background:#252540;border:2px solid;border-radius:6px;padding:8px;transition:opacity .2s}.card-item.tapped{opacity:.5}.card-item.flipped{background:#1e1e35}.card-item.facedown{flex-direction:column;justify-content:center;align-items:center;min-height:80px;display:flex;position:relative;overflow:hidden}.card-item.facedown .card-facedown-pattern{opacity:.3;position:absolute;inset:0}.card-item.facedown .card-facedown-label{z-index:1;color:#ffffffb3;text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:700;position:relative}.card-item.facedown-damage{background:#1a0a0a;border-color:#c44}.card-item.facedown-damage .card-facedown-pattern{background:repeating-linear-gradient(45deg,#c44 0 2px,#0000 2px 12px),repeating-linear-gradient(-45deg,#811 0 2px,#0000 2px 12px),radial-gradient(circle at 30% 40%,#f33 0%,#0000 50%),radial-gradient(circle at 70% 60%,#900 0%,#0000 50%)}.card-item.facedown-horror{background:#0a0a1a;border-color:#64a}.card-item.facedown-horror .card-facedown-pattern{background:repeating-linear-gradient(135deg,#64a 0 2px,#0000 2px 14px),repeating-linear-gradient(-135deg,#427 0 1px,#0000 1px 10px),radial-gradient(circle,#73c 0%,#0000 40%),radial-gradient(circle at 20% 80%,#316 0%,#0000 50%)}.card-item .card-type-badge{color:#fff;border-radius:2px;margin-bottom:4px;padding:1px 4px;font-size:9px;display:inline-block}.card-item .card-name{margin-bottom:4px;font-size:12px;font-weight:700}.card-item .card-text{color:#bbb;margin-bottom:6px;font-size:11px}.card-item .card-no-back{color:#666;font-size:9px}.card-item .card-actions{z-index:2;gap:4px;display:flex;position:relative}.card-item .card-btn{background:0 0;border:none;padding:2px 4px;font-size:12px}.card-item .card-btn:hover{background:#3a3a5e}.character-card{gap:16px;padding:16px;display:flex}.character-portrait .character-portrait-img{border-radius:50%;width:80px;height:80px}.character-info .character-name{margin-bottom:4px;font-size:16px}.character-info .character-role{color:#aaa;margin-bottom:8px;font-size:12px}.character-info .character-ability{color:#ccc;margin-bottom:12px;font-size:11px;font-style:italic;line-height:1.4}.character-vitals{gap:12px;margin-bottom:12px;display:flex}.character-vitals .vital{flex-direction:column;align-items:center;display:flex}.character-vitals .vital-label{color:#888;font-size:10px}.character-vitals .vital-value{font-size:20px;font-weight:700}.character-vitals .vital-value.health{color:#c44}.character-vitals .vital-value.sanity{color:#64a}.character-stats{grid-template-columns:1fr 1fr;gap:4px;display:grid}.character-stats .stat{background:#2a2a3e;border-radius:3px;justify-content:space-between;padding:2px 6px;font-size:12px;display:flex}.character-stats .stat .stat-name{text-transform:capitalize;color:#aaa}.character-stats .stat .stat-value{font-weight:700}.pile-view{padding:12px}.pile-tabs{gap:4px;margin-bottom:12px;display:flex}.pile-tabs .pile-count{color:#888;font-size:10px}.pile-toolbar{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.pile-search{margin-bottom:8px}.pile-search input{width:100%}.pile-search-results h4{color:#aaa;margin-bottom:6px;font-size:12px}.pile-cards-list,.pile-search-results{max-height:400px;overflow-y:auto}.pile-card-item{border-radius:3px;justify-content:space-between;align-items:center;padding:4px 6px;font-size:12px;display:flex}.pile-card-item:hover{background:#2a2a3e}.pile-card-item .pile-card-info{align-items:center;gap:8px;display:flex}.pile-card-item .pile-card-type{font-size:10px;font-weight:700}.pile-empty,.no-results{text-align:center;color:#666;padding:20px;font-size:12px}@media (width<=900px){.app-body{flex-direction:column}.left-panel{flex:1;min-height:0}.right-panel{touch-action:none;border-top:1px solid #333;border-left:none;flex-shrink:0;width:100%;min-height:25dvh;max-height:25dvh;padding-bottom:24px;overflow:hidden}.right-panel.expanded{min-height:90dvh;max-height:90dvh}.right-panel.expanded .panel-scroll{touch-action:auto;overflow-y:auto}.panel-fixed{touch-action:none}.right-panel.dragging{transition:none}.panel-handle{cursor:grab;touch-action:none;flex-shrink:0;justify-content:center;padding:14px 0 10px;display:flex}.panel-handle .panel-handle-bar{background:#666;border-radius:3px;width:48px;height:5px}}