:root{--p1: #3b82f6;--p2: #ef4444;--p3: #22c55e;--p4: #f97316;--p5: #a855f7;--p6: #14b8a6;--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-surface: #1e293b;--text-primary: #e0e0e0;--text-secondary: #aaa;--border-default: #444}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}#app{width:100vw;height:100vh;overflow:auto}.game-layout{display:grid;grid-template-columns:200px 1fr;grid-template-rows:auto 1fr auto auto;grid-template-areas:"log-area log-area" "sidebar-left board-area" "hand-area hand-area" "bottom-sheet-area bottom-sheet-area";height:100vh;gap:8px;padding:8px}.sidebar-left{grid-area:sidebar-left;overflow-y:auto;padding:8px}.board-area{grid-area:board-area;display:flex;align-items:center;justify-content:center;overflow:auto;padding:8px}.hand-area{grid-area:hand-area;padding:8px}.setup-container{display:flex;align-items:center;justify-content:center;height:100vh}.setup-form{display:flex;flex-direction:column;gap:16px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;padding:32px 40px;min-width:320px}.setup-form h2{font-size:24px;margin-bottom:8px;text-align:center}.setup-form label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--text-secondary)}.setup-form select,.setup-form input[type=text]{padding:8px 10px;border:1px solid var(--border-default);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:14px}.setup-form button[type=submit]{padding:10px 20px;font-size:16px;font-weight:700;border:none;border-radius:8px;background-color:var(--p1);color:#fff;cursor:pointer;margin-top:8px}.setup-form button[type=submit]:hover{opacity:.9}.scoreboard-panel{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;padding:12px}.hand-panel{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;padding:10px}.turn-indicator{text-align:center;padding:6px;font-size:14px;font-weight:600;color:var(--text-secondary)}.turn-indicator--human{color:#facc15}.move-builder-panel{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px}.waiting-indicator{display:flex;align-items:center;justify-content:center;padding:16px;font-size:14px;color:var(--text-secondary);font-style:italic}.log-area{grid-area:log-area;padding:0 8px;max-height:200px;display:flex;flex-direction:column;position:relative;z-index:10}.game-log{flex:1;min-height:0;overflow-y:auto;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:6px;padding:8px}.game-log pre{margin:0;padding:8px;font-family:Courier New,Courier,monospace;font-size:12px;line-height:1.4;color:#cbd5e1;white-space:pre-wrap;word-break:break-word}@keyframes bot-highlight-flash{0%{box-shadow:0 0 4px #06b6d44d}50%{box-shadow:0 0 12px #06b6d4b3}to{box-shadow:0 0 8px #06b6d480}}.bot-highlight{animation:bot-highlight-flash .5s ease-out}.coord-label{font-family:Courier New,Courier,monospace;user-select:none}.coords-toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:12px;color:var(--text-secondary);user-select:none;margin-top:8px;width:100%}.coords-toggle-track{width:36px;height:20px;border-radius:10px;background:#555;position:relative;transition:background .2s;flex-shrink:0}.coords-toggle-track.active{background:#06b6d4}.coords-toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s}.coords-toggle-track.active:after{transform:translate(16px)}.bottom-sheet-area{grid-area:bottom-sheet-area}.bottom-sheet{max-height:25vh;overflow-y:auto;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px}.bottom-sheet.collapsed{max-height:none;overflow:hidden}.bottom-sheet.collapsed .bottom-sheet-actions,.bottom-sheet.collapsed .bottom-sheet-nav{display:none}.collapse-toggle{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:12px;padding:2px 6px;font-family:Courier New,Courier,monospace}.bottom-sheet-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid var(--border-default);font-size:14px;font-weight:600}.bottom-sheet-actions{display:flex;flex-direction:column;gap:6px;padding:8px}.bottom-sheet-nav{display:flex;justify-content:space-between;padding:8px;border-top:1px solid var(--border-default)}.bottom-sheet .step-label{color:var(--text-secondary);font-size:13px}.bottom-sheet .pass-btn{padding:4px 12px;border:1px solid #4ade80;border-radius:4px;background:#1a2e1a;color:#4ade80;cursor:pointer;font-size:12px}.move-builder-panel button,.bottom-sheet-actions button{word-break:break-word;overflow-wrap:break-word;font-size:12px!important;font-family:Courier New,Courier,monospace;line-height:1.3}.log-toggle-btn{display:block;width:100%;text-align:center;padding:4px;cursor:pointer;font-size:12px;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:4px}.arcana-info{padding:8px 12px;font-family:Courier New,Courier,monospace;font-size:13px;color:#94a3b8;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:4px;margin-top:6px}