:root{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-card: #0f3460;--bg-hover: #1a4a70;--accent: #e94560;--accent-secondary: #00d4ff;--text-primary: #eee;--text-secondary: #aaa;--text-muted: #666;--border: #2a3a5c;--border-light: #3a4a6c;--success: #4ade80;--warning: #fbbf24;--danger: #f87171;--tile-size: 175px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow:hidden}#simulator-container{display:flex;flex-direction:column;height:100vh}#toolbar{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-wrap:wrap}.toolbar-btn{padding:.5rem 1rem;border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s;display:flex;align-items:center;gap:.3rem}.toolbar-btn:hover{border-color:var(--accent);background:var(--bg-hover)}.toolbar-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.toolbar-btn:disabled{opacity:.5;cursor:not-allowed}.toolbar-separator{width:1px;height:24px;background:var(--border);margin:0 .5rem}.toolbar-group{display:flex;align-items:center;gap:.3rem}.toolbar-label{font-size:.8rem;color:var(--text-secondary);white-space:nowrap}select.toolbar-select{padding:.4rem .6rem;border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);border-radius:6px;font-size:.85rem;cursor:pointer}#main-content{display:flex;flex:1;overflow:hidden}#board-container{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden;background:url(/back.jpg) center/cover no-repeat}#game-canvas{flex:1;display:block;cursor:grab}#game-canvas:active{cursor:grabbing}#status-bar{display:flex;align-items:center;gap:1.5rem;padding:.5rem 1rem;background:var(--bg-secondary);border-top:1px solid var(--border);font-size:.85rem}.status-item{display:flex;align-items:center;gap:.5rem}.status-label{color:var(--text-secondary)}.status-value{color:var(--text-primary);font-weight:500}.status-player{width:16px;height:16px;border-radius:50%;display:inline-block}#sidebar{width:320px;display:flex;flex-direction:column;background:var(--bg-secondary);border-left:1px solid var(--border);overflow:hidden}#score-panel{padding:1rem;border-bottom:1px solid var(--border)}#sidebar-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.panel{display:flex;flex-direction:column;min-height:0}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--bg-card);border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none}.panel-header:hover{background:var(--bg-hover)}.panel-title{font-size:.9rem;font-weight:500}.panel-toggle{font-size:.75rem;color:var(--text-secondary);transition:transform .2s}.panel-toggle.collapsed{transform:rotate(-90deg)}.panel-content{flex:1;overflow-y:auto;padding:.75rem}.panel-content.collapsed{display:none}#tile-panel{flex:1;border-bottom:1px solid var(--border)}#tree-panel{width:200px;display:flex;flex-direction:column;background:var(--bg-secondary);border-left:1px solid var(--border);overflow:hidden}#tree-panel .panel{flex:1;min-height:0}#tree-panel .panel-content{overflow-y:auto;flex:1}.tree-item{padding:.4rem .6rem;border-radius:4px;cursor:pointer;font-size:.8rem;display:flex;align-items:center;gap:.5rem;transition:background .15s}.tree-item:hover{background:var(--bg-hover)}.tree-item.active{background:var(--accent);color:#fff}.tree-item.main{font-weight:500}.tree-item.branch{color:var(--accent-secondary);padding-left:1.5rem}.tree-indent{width:16px}.score-card{display:flex;align-items:stretch;justify-content:space-between;gap:.75rem;padding:.6rem .75rem;background:var(--bg-card);border-radius:8px;margin-bottom:.5rem;border:1px solid var(--border)}.score-card.active{border-color:var(--accent)}.score-info{display:flex;flex-direction:column;justify-content:center;gap:.35rem}.score-player{display:flex;align-items:center;gap:.6rem}.score-color{width:16px;height:16px;border-radius:50%}.score-name{font-weight:500;font-size:.85rem}.score-done{color:var(--success)}.score-undone{color:var(--warning)}.score-op{color:var(--text-muted);margin:0 .15rem}.score-total{color:var(--text-primary);font-weight:700}.score-formula{display:flex;align-items:center;align-self:center;font-size:1.8rem;font-variant-numeric:tabular-nums;white-space:nowrap}.score-meeples-wrap{display:flex;align-items:center;gap:.35rem}.score-meeple-count{font-size:.75rem;color:var(--text-secondary)}.score-meeples{display:flex;flex-wrap:wrap;gap:2px;align-items:center}.score-meeples canvas{display:block}.tile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem}.tile-item{background:var(--bg-card);border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer;border:1px solid transparent;padding:2px 2px 4px;gap:2px}.tile-item canvas{width:100%;height:auto;aspect-ratio:1;border-radius:3px}.tile-item.empty canvas{opacity:.3}.tile-item:hover{border-color:var(--accent)}.tile-item.available{background:var(--bg-hover)}.tile-item.empty{opacity:.3;cursor:default}.tile-item.selectable{border-color:var(--accent-secondary);box-shadow:0 0 4px #00d4ff66}.tile-item.selectable:hover{border-color:#fff;box-shadow:0 0 8px #00d4ffb3}.tile-count{font-size:1.1rem;font-weight:600;color:#fff;line-height:1.1;text-align:center}.current-tile-info{background:var(--bg-card);border-radius:8px;padding:.75rem;margin-bottom:.75rem;border:1px solid var(--border)}.current-tile-preview{display:flex;justify-content:center;margin:.5rem 0}.current-tile-preview canvas{width:60px;height:60px;border-radius:4px}.current-tile-info h4{font-size:.85rem;margin-bottom:.5rem;color:var(--accent)}.current-tile-info p{font-size:.8rem;color:var(--text-secondary);margin-bottom:.25rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}input[type=file]{display:none}.file-input-label{padding:.5rem 1rem;border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s}.file-input-label:hover{border-color:var(--accent);background:var(--bg-hover)}