@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Mono:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--navy: #0f1923;--navy-mid: #1a2535;--navy-light: #243044;--cream: #f2e8d5;--cream-dark: #d9cbb4;--gold: #c8922a;--gold-light: #e8b84b;--teal: #2a9d8f;--teal-light: #3bbfaf;--red: #e63946;--text-dim: #8899aa;--cell-size: 42px;--tile-size: 36px;--radius: 4px}[data-theme=light]{--navy: #f5f0e6;--navy-mid: #ece7da;--navy-light: #d5ccba;--cream: #1e2a3a;--cream-dark: #2d3d54;--gold: #a86e10;--gold-light: #c08820;--teal: #1e8a7d;--teal-light: #1a9e90;--red: #c42030;--text-dim: #344454}html,body,#root{height:100%;width:100%;overflow:hidden}body{background:var(--navy);color:var(--cream);font-family:DM Mono,monospace;-webkit-font-smoothing:antialiased}@media(min-width:900px){html{font-size:18px}}.setup-screen{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background:var(--navy);background-image:radial-gradient(circle at 20% 50%,rgba(42,157,143,.06) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(200,146,42,.06) 0%,transparent 40%)}.setup-card{width:480px;padding:48px 40px;background:var(--navy-mid);border:1px solid var(--navy-light);border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:8px}.setup-title{font-family:Bebas Neue,sans-serif;font-size:3.5rem;letter-spacing:.2em;color:var(--gold);line-height:1}.setup-subtitle{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);margin-bottom:16px}.setup-players{width:100%;display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.player-slot{border-radius:6px;border:1px solid var(--navy-light);overflow:hidden;transition:border-color .2s}.slot-header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:var(--navy)}.slot-number{font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim)}.slot-toggle{background:none;border:1px solid var(--navy-light);color:var(--text-dim);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:1rem;line-height:1;cursor:pointer;padding:0;transition:color .15s,border-color .15s}.slot-toggle:hover{color:var(--cream);border-color:var(--cream)}.slot-body{padding:10px 14px 14px;display:flex;flex-direction:column;gap:10px}.slot-name{background:var(--navy);border:1px solid var(--navy-light);border-radius:4px;color:var(--cream);font-family:DM Mono,monospace;font-size:.85rem;padding:6px 10px;width:100%;outline:none;transition:border-color .15s}.slot-name:hover{border-color:var(--cream-dark)}.slot-name:focus{border-color:var(--gold)}.slot-type-picker{display:flex;gap:6px}.type-btn{flex:1;font-family:DM Mono,monospace;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;padding:6px 8px;border-radius:4px;border:1px solid var(--navy-light);background:var(--navy);color:var(--text-dim);cursor:pointer;transition:all .15s}.type-btn:hover{border-color:var(--cream-dark);color:var(--cream)}.type-btn.selected{background:var(--teal);border-color:var(--teal);color:var(--navy)}.add-player-btn{background:none;border:1px dashed var(--navy-light);border-radius:6px;color:var(--text-dim);font-family:DM Mono,monospace;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;padding:8px 14px;cursor:pointer;transition:color .15s,border-color .15s;width:100%}.add-player-btn:hover{color:var(--cream);border-color:var(--cream-dark)}.start-btn{font-family:DM Mono,monospace;font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;background:var(--gold);color:var(--navy);border:none;border-radius:4px;padding:14px 48px;cursor:pointer;font-weight:500;transition:opacity .15s,transform .1s;width:100%}.start-btn:hover:not(:disabled){opacity:.88}.start-btn:active:not(:disabled){transform:scale(.98)}.start-btn:disabled{opacity:.3;cursor:not-allowed}.how-to-play-btn{background:none;border:1px solid var(--teal);border-radius:4px;color:var(--cream);font-family:DM Mono,monospace;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;padding:8px 20px;transition:color .15s,border-color .15s,background .15s}.how-to-play-btn:hover{background:#2a9d8f1f;border-color:var(--teal-light);color:var(--cream)}.learning-toggle{display:flex;align-items:center;gap:8px;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);cursor:pointer;margin-top:12px;margin-bottom:4px;transition:color .15s}.learning-toggle:hover{color:var(--cream)}.learning-toggle input{accent-color:var(--teal);width:14px;height:14px;cursor:pointer}.directions-backdrop{position:fixed;inset:0;background:#0d1b2ad9;display:flex;align-items:center;justify-content:center;z-index:100;padding:24px}.directions-modal{background:var(--navy-mid);border:1px solid var(--navy-light);border-radius:8px;padding:36px 40px;max-width:520px;width:100%;max-height:80vh;overflow-y:auto;position:relative}.directions-close{position:absolute;top:14px;right:16px;background:none;border:none;color:var(--text-dim);font-size:1rem;cursor:pointer;padding:4px 8px;transition:color .15s}.directions-close:hover{color:var(--cream)}.directions-title{font-family:Bebas Neue,sans-serif;font-size:1.8rem;letter-spacing:.15em;color:var(--gold);margin-bottom:24px}.directions-sections{display:flex;flex-direction:column;gap:20px}.directions-section h3{font-family:DM Mono,monospace;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--teal-light);margin-bottom:6px}.directions-section p{font-size:.85rem;line-height:1.6;color:var(--cream)}.tile{width:var(--tile-size);height:var(--tile-size);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;transition:transform .1s,box-shadow .1s}.tile-value{font-family:Bebas Neue,sans-serif;font-size:1.3rem;line-height:1;letter-spacing:.05em}.tile--placed{background:var(--cream);color:var(--navy);box-shadow:0 1px 3px #0006}.tile--staged{background:var(--teal);color:var(--navy);box-shadow:0 2px 8px #2a9d8f66;animation:pop-in .15s ease-out}.tile--hand{background:var(--cream);color:var(--navy);cursor:grab;box-shadow:0 2px 6px #0000004d}.tile--hand:active{cursor:grabbing}.tile--hand:hover{transform:translateY(-4px);box-shadow:0 6px 16px #0006}.tile--selected{background:var(--gold);color:var(--navy);cursor:pointer;transform:translateY(-6px);box-shadow:0 8px 20px #c8922a80}.tile--empty{background:var(--navy-light);opacity:.3;cursor:default}.tile--recent{background:var(--gold);color:var(--navy);box-shadow:0 2px 12px #c9a84c80;animation:tile-settle 1.5s ease-out forwards}@keyframes tile-settle{0%,50%{background:var(--gold);box-shadow:0 2px 12px #c9a84c80}to{background:var(--cream);box-shadow:0 1px 3px #0006}}@keyframes pop-in{0%{transform:scale(.6);opacity:.5}70%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.board-wrapper{overflow:auto;max-width:100%;max-height:100%}.board{display:grid;gap:2px;background:var(--navy-light);border:2px solid var(--navy-light);border-radius:var(--radius);padding:2px;width:fit-content}.cell{width:var(--cell-size);height:var(--cell-size);background:var(--navy-mid);border-radius:2px;display:flex;align-items:center;justify-content:center;position:relative;transition:background .12s}.cell--center{background:var(--navy)}.cell--clickable{cursor:crosshair;background:color-mix(in srgb,var(--teal) 30%,var(--navy-mid))}.cell--clickable:hover{background:color-mix(in srgb,var(--teal) 45%,var(--navy-mid))}.cell--valid{background:color-mix(in srgb,var(--teal) 20%,var(--navy-mid))}.cell--staged{cursor:pointer}.cell--drag-over{background:color-mix(in srgb,var(--teal) 55%,var(--navy-mid))}.center-marker{width:6px;height:6px;border-radius:50%;background:var(--gold);opacity:.6}.hand{display:flex;gap:10px;align-items:flex-end;height:52px}.game-screen{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;background:var(--navy);position:relative}.game-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--navy-mid);border-bottom:1px solid var(--navy-light);flex-shrink:0}.game-title{font-family:Bebas Neue,sans-serif;font-size:2rem;letter-spacing:.15em;color:var(--gold)}.scores{display:flex;gap:16px;align-items:center}.score-card{display:flex;flex-direction:column;align-items:center;padding:6px 16px;border-radius:var(--radius);border:1px solid var(--navy-light);background:var(--navy);transition:border-color .2s,background .2s,transform .2s,box-shadow .2s;min-width:80px;position:relative}.score-card.active{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,var(--navy));box-shadow:0 0 0 1px var(--gold),0 4px 16px #c9a84c26;transform:scale(1.08)}.score-card.active .player-name{color:var(--cream)}.player-name{font-size:.65rem;letter-spacing:.1em;color:var(--text-dim);text-transform:uppercase}.player-score{font-size:1.4rem;font-weight:500;color:var(--cream);line-height:1.2;position:relative}.score-delta{position:absolute;top:-4px;left:50%;transform:translate(-50%);font-size:.85rem;color:var(--gold-light);font-weight:600;white-space:nowrap;pointer-events:none;animation:float-up 1.5s ease-out forwards}@keyframes float-up{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-20px)}}.score-card.active .player-score{color:var(--gold-light)}.game-main{flex:1;display:flex;align-items:center;justify-content:center;overflow:auto;padding:16px}.game-footer{flex-shrink:0;background:var(--navy-mid);border-top:1px solid var(--navy-light);padding:12px 24px;min-height:90px;display:flex;flex-direction:column;justify-content:center}@keyframes footer-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.footer-row,.handoff{animation:footer-enter .2s ease}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-left{display:flex;flex-direction:column;gap:6px}.turn-info{display:flex;align-items:center;gap:16px}.turn-player{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.turn-message{font-size:.75rem;color:var(--teal-light)}.actions{display:flex;gap:12px;align-items:center}.btn{font-family:DM Mono,monospace;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;border:none;border-radius:var(--radius);padding:8px 20px;cursor:pointer;transition:opacity .15s,transform .1s}.btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.btn:not(:disabled):hover{opacity:.85}.btn:not(:disabled):active{transform:scale(.97)}.btn-primary{background:var(--gold);color:var(--navy);font-weight:500}.btn-secondary{background:var(--navy-light);color:var(--cream)}.game-over{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 0}.game-over-title{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim)}.game-over-winner{font-family:Bebas Neue,sans-serif;font-size:1.8rem;letter-spacing:.1em;color:var(--gold-light)}.btn-ghost{background:transparent;color:var(--text-dim);border:1px solid var(--navy-light)}.btn-ghost--active{color:var(--teal-light);border-color:var(--teal)}.ai-badge{margin-left:6px;font-size:.55rem;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-light);border:1px solid var(--teal);border-radius:2px;padding:1px 4px}.thinking-indicator{display:flex;align-items:center;gap:4px;color:var(--text-dim)}.thinking-dot{width:5px;height:5px;border-radius:50%;background:var(--teal);animation:thinking-pulse 1.2s ease-in-out infinite}.thinking-dot:nth-child(2){animation-delay:.2s}.thinking-dot:nth-child(3){animation-delay:.4s}@keyframes thinking-pulse{0%,80%,to{opacity:.2;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.game-over-scores{display:flex;gap:24px;font-size:.8rem;color:var(--text-dim)}.game-over-actions{margin-top:4px}.btn-danger{background:var(--red);color:#fff}.tiles-remaining{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.tiles-remaining--low{color:var(--gold)}.move-preview{font-size:.75rem;letter-spacing:.05em;align-self:center;margin-right:auto}.move-preview--valid{color:var(--teal-light)}.move-preview--invalid{color:var(--text-dim)}.learning-pct{margin-left:8px;font-size:.7rem;letter-spacing:.05em}.learning-pct--optimal{color:var(--gold-light)}.learning-pct--good{color:var(--teal-light)}.learning-pct--low{color:var(--text-dim)}.handoff{display:flex;align-items:center;justify-content:space-between;gap:24px}.handoff-info{display:flex;flex-direction:column;gap:4px}.handoff-name{font-family:Bebas Neue,sans-serif;font-size:1.6rem;letter-spacing:.1em;color:var(--gold-light)}.endgame-banner{flex-shrink:0;background:color-mix(in srgb,var(--teal) 10%,var(--navy-mid));border-bottom:1px solid color-mix(in srgb,var(--teal) 40%,transparent);padding:5px 24px;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--teal-light);text-align:center}.modal-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--navy-mid);border:1px solid var(--navy-light);border-radius:var(--radius);padding:24px 28px;max-width:420px;width:90%;display:flex;flex-direction:column;gap:16px}.modal-title{font-family:Bebas Neue,sans-serif;font-size:1.4rem;letter-spacing:.1em;color:var(--gold-light)}.modal-body{font-size:.8rem;line-height:1.7;color:var(--cream)}.modal-footer{display:flex;justify-content:flex-end}.move-preview--no-moves{color:var(--text-dim);font-style:italic}.handoff-hint{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim)}.menu-modal{background:var(--navy-mid);border:1px solid var(--navy-light);border-radius:var(--radius);width:320px;display:flex;flex-direction:column}.menu-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid var(--navy-light)}.menu-modal-title{font-family:Bebas Neue,sans-serif;font-size:1.4rem;letter-spacing:.15em;color:var(--gold)}.menu-modal-close{background:none;border:none;color:var(--text-dim);font-size:1rem;cursor:pointer;padding:4px 6px;transition:color .15s}.menu-modal-close:hover{color:var(--cream)}.menu-section{padding:16px 20px;border-bottom:1px solid var(--navy-light);display:flex;flex-direction:column;gap:10px}.menu-section:last-child{border-bottom:none}.menu-section-label{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.menu-theme-picker{display:flex;gap:6px}.menu-theme-btn{flex:1;font-family:DM Mono,monospace;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;padding:7px 8px;border-radius:4px;border:1px solid var(--navy-light);background:var(--navy);color:var(--text-dim);cursor:pointer;transition:all .15s}.menu-theme-btn:hover{border-color:var(--cream-dark);color:var(--cream)}.menu-theme-btn--selected{background:var(--teal);border-color:var(--teal);color:var(--navy)}.menu-toggle-row{display:flex;align-items:center;gap:10px;font-size:.75rem;color:var(--cream);cursor:pointer;-webkit-user-select:none;user-select:none}.menu-checkbox{accent-color:var(--teal);width:14px;height:14px;cursor:pointer;flex-shrink:0}.menu-quit-btn{width:100%}.menu-confirm-text{font-size:.8rem;color:var(--cream);margin:0}.menu-actions{display:flex;gap:8px}