:root{font-family:system-ui,-apple-system,sans-serif;line-height:1.5;color:#213547;background-color:#f5f5f5}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#app{max-width:700px;margin:0 auto;padding:2rem;text-align:center}h1{font-size:2rem;margin:0 0 1rem;color:#1a1a2e}.board{display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);gap:2px;width:450px;height:450px;background-color:#8b4513;border:4px solid #5d3a1a;border-radius:4px;margin:0 auto;box-shadow:0 4px 12px #0003}.cell{display:flex;align-items:center;justify-content:center;font-size:28px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s ease}.cell:hover{filter:brightness(1.1)}.cell-light{background-color:#f0d9b5}.cell-dark{background-color:#b58863}.cell-king{font-size:32px;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.cell-p1{color:#2196f3}.cell-p2{color:#e53935}.cell-quad{font-size:24px;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.cell-selected{box-shadow:inset 0 0 0 4px gold;background-color:gold!important}.cell-valid-move{position:relative;background-color:#90ee9040!important;cursor:pointer}.cell-valid-move:after{content:"";position:absolute;width:28%;height:28%;background-color:#90ee9080;border:2px solid white;border-radius:50%;box-shadow:0 0 4px #fffc}.cell-valid-move:hover{background-color:#90ee9073!important}.cell-valid-move:hover:after{background-color:#90ee90b3;box-shadow:0 0 6px #fff}.cell-valid-placement{cursor:pointer}.cell-valid-placement:hover{background-color:#4caf504d!important;box-shadow:inset 0 0 0 2px #4caf5099}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.cell-invalid{animation:shake .3s ease-in-out}.cell-last-move{box-shadow:inset 0 0 0 3px orange}.cell-selected.cell-last-move{box-shadow:inset 0 0 0 4px gold}.cell-trapped{background-color:#f4433680!important;animation:pulse-red 1s infinite}@keyframes pulse-red{0%,to{box-shadow:inset 0 0 #f44336b3}50%{box-shadow:inset 0 0 0 6px #f443364d}}.board.phase-gameOver{opacity:.9;pointer-events:none}#new-game-btn.game-over-active{background-color:#4caf50;animation:pulse-green 1.5s infinite}@keyframes pulse-green{0%,to{box-shadow:0 0 #4caf5099}50%{box-shadow:0 0 0 10px #4caf5000}}.status{margin-bottom:20px;font-family:sans-serif}.status-turn{font-size:1.25rem;font-weight:700;margin-bottom:12px;color:#1a1a2e}.status-winner{font-size:1.5rem;font-weight:700;margin-bottom:12px;color:#2e7d32;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.status-supplies{display:flex;justify-content:center;gap:32px;font-size:1.1rem}.supply-p1{color:#1976d2;font-weight:600}.supply-p2{color:#d32f2f;font-weight:600}.status-mode{font-size:.9rem;color:#666;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.status-ai-thinking{color:#9c27b0}@keyframes thinking-dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.status-ai-thinking:after{content:"";animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.5}}.mode-selector{text-align:center}.mode-selector h3{margin:0 0 16px;color:#1a1a2e}.mode-options{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.mode-option{display:flex;align-items:center;padding:12px 16px;background:#f5f5f5;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.mode-option:hover{background:#e8e8e8}.mode-option.selected{border-color:#1976d2;background:#e3f2fd}.mode-option input[type=radio]{margin-right:12px}.mode-option-content{text-align:left}.mode-option-title{font-weight:600;color:#1a1a2e;margin-bottom:4px}.mode-option-desc{font-size:.85rem;color:#666}.difficulty-selector{margin-top:16px;padding-top:16px;border-top:1px solid #eee}.difficulty-selector h4{margin:0 0 12px;color:#1a1a2e;font-size:.95rem}.difficulty-options{display:flex;gap:8px;justify-content:center}.difficulty-btn{padding:8px 16px;border:2px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease}.difficulty-btn:hover{border-color:#1976d2}.difficulty-btn.selected{border-color:#1976d2;background:#1976d2;color:#fff}.difficulty-btn.easy.selected{border-color:#4caf50;background:#4caf50}.difficulty-btn.medium.selected{border-color:#ff9800;background:#ff9800}.difficulty-btn.hard.selected{border-color:#f44336;background:#f44336}.start-game-btn{margin-top:20px;padding:12px 32px;background:#1976d2;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.start-game-btn:hover{background:#1565c0}#new-game-btn{background-color:#1976d2}#new-game-btn:hover{background-color:#1565c0}#new-game-btn:active{background-color:#0d47a1}.game-area{display:flex;gap:20px;justify-content:center;align-items:flex-start;flex-wrap:wrap}.button-row{display:flex;gap:12px;justify-content:center;margin-bottom:16px}.button-row button{padding:10px 20px;font-size:.9rem;font-weight:600;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease;min-width:120px;box-sizing:border-box}#help-btn{background-color:#4caf50}#help-btn:hover{background-color:#43a047}#help-btn:active{background-color:#388e3c}.move-history{display:flex;flex-direction:row;align-items:flex-start;order:-1}.move-history.collapsible{background-color:#fff;border:1px solid #ddd;border-radius:8px;overflow:hidden}.collapse-toggle{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:8px 4px;background:#f5f5f5;border:none;border-right:1px solid #ddd;cursor:pointer;min-height:100px;width:24px;transition:background-color .2s ease}.collapse-toggle:hover{background:#e8e8e8}.collapse-icon{font-size:10px;color:#666;transition:transform .2s ease}.collapse-label{writing-mode:vertical-rl;text-orientation:mixed;font-size:10px;color:#666;margin-top:8px;font-weight:500}.history-content{width:140px;max-height:450px;overflow-y:auto;padding:8px;transition:width .2s ease,padding .2s ease,opacity .2s ease}.move-history.collapsed .history-content{width:0;padding:0;opacity:0;overflow:hidden}.move-history.collapsed .collapse-icon{transform:rotate(180deg)}.move-history-title{font-size:10px;font-weight:600;color:#1a1a2e;border-bottom:1px solid #ddd;padding-bottom:4px;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.move-history-list{font-size:8pt}.move-history-empty{color:#888;font-style:italic;font-size:8pt}.move-history-entry{padding:2px 0;border-bottom:1px solid #eee;font-size:8pt;white-space:nowrap}.move-history-entry:last-child{border-bottom:none}.move-p1{color:#1976d2}.move-p2{color:#d32f2f}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal.hidden{display:none}.modal-content{background-color:#fff;border-radius:12px;padding:24px;max-width:500px;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 8px 32px #0000004d}.modal-close{position:absolute;top:12px;right:12px;background:none;border:none;font-size:24px;cursor:pointer;color:#666;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.modal-close:hover{background-color:#f0f0f0}.rules-content{text-align:left;font-family:sans-serif}.rules-content h3{color:#1a1a2e;margin-top:16px;margin-bottom:8px;font-size:1.1rem}.rules-content p,.rules-content li{color:#333;line-height:1.6;margin-bottom:8px}.rules-content ul,.rules-content ol{padding-left:24px;margin:0}.rules-content li{margin-bottom:4px}@media(max-width:768px){#app{padding:1rem;max-width:100%}.game-area{flex-direction:row;align-items:flex-start}.board{width:min(70vw,350px);height:min(70vw,350px)}.history-content{width:100px}.modal-content{margin:16px;padding:20px;max-width:calc(100vw - 32px)}}@media(max-width:560px){.game-area{flex-direction:column-reverse;align-items:center}.move-history{order:1;flex-direction:column;width:90vw;max-width:350px}.collapse-toggle{flex-direction:row;width:100%;min-height:auto;padding:6px 12px;border-right:none;border-bottom:1px solid #ddd}.collapse-label{writing-mode:horizontal-tb;margin-top:0;margin-left:8px}.collapse-icon{transform:rotate(-90deg)}.move-history.collapsed .collapse-icon{transform:rotate(90deg)}.history-content{width:100%;max-height:120px}.move-history.collapsed .history-content{max-height:0;width:100%}.board{width:90vw;height:90vw;max-width:350px;max-height:350px}}@media(max-width:480px){h1{font-size:1.5rem}.cell{font-size:20px}.cell-king{font-size:24px}.status-turn{font-size:1rem}.status-supplies{flex-direction:column;gap:4px}.button-row button{min-width:100px;padding:8px 16px;font-size:.85rem}}@media(pointer:coarse){.cell{min-width:36px;min-height:36px}button{min-height:44px}}.game-selector{max-width:1100px;margin:0 auto;padding:0}.game-selector-hero{background:linear-gradient(135deg,#1a237e,#3949ab,#5c6bc0);color:#fff;padding:3rem 2rem;text-align:center;margin-bottom:0}.hero-content{max-width:800px;margin:0 auto}.hero-logo{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem}.logo-icon{font-size:3.5rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.logo-text h1{font-size:2.5rem;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.2)}.logo-text .tagline{font-size:1rem;opacity:.9;margin:.25rem 0 0;font-weight:300}.hero-description{font-size:1.1rem;opacity:.9;max-width:600px;margin:0 auto 2rem;line-height:1.6}.hero-stats{display:flex;justify-content:center;gap:3rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.2)}.stat{text-align:center}.stat-number{display:block;font-size:2.5rem;font-weight:700;line-height:1}.stat-label{font-size:.85rem;opacity:.8;text-transform:uppercase;letter-spacing:.5px}.division-tabs{display:flex;justify-content:center;gap:.5rem;padding:1rem;background:#fff;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0000001a}.division-tab{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem 1.5rem;border:2px solid #e0e0e0;border-radius:8px;background:#f9f9f9;cursor:pointer;transition:all .2s ease;position:relative}.division-tab:hover{background:#f0f0f0;border-color:#bdbdbd}.division-tab.active{background:linear-gradient(135deg,#1a237e,#3949ab);border-color:#1a237e;color:#fff}.tab-name{font-weight:600;font-size:.9rem}.tab-grade{font-size:.75rem;opacity:.7}.tab-count{position:absolute;top:-8px;right:-8px;background:#4caf50;color:#fff;font-size:.7rem;font-weight:700;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.accordion-container{padding:1rem 2rem 2rem}.division-accordion{margin-bottom:.75rem;scroll-margin-top:80px;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 2px 8px #00000014}.accordion-header{width:100%;display:flex;align-items:center;text-align:left;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#f5f7fa,#e8eaf6);border:none;cursor:pointer;transition:background .2s ease;gap:1rem}.accordion-header:hover{background:linear-gradient(135deg,#e8eaf6,#c5cae9)}.accordion-header:focus{outline:none;box-shadow:inset 0 0 0 3px #1976d24d}.accordion-header-content{flex:1}.division-title-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.division-title{font-size:1.5rem;color:#1a237e;margin:0;font-weight:600}.division-grade{font-size:.85rem;color:#666;background:#fffc;padding:.25rem .75rem;border-radius:4px}.division-complete-badge{font-size:.8rem;color:#fff;background:linear-gradient(135deg,#4caf50,#2e7d32);padding:.25rem .75rem;border-radius:4px;font-weight:600}.division-progress-badge{font-size:.8rem;color:#1a237e;background:#fffc;padding:.25rem .75rem;border-radius:4px}.division-description{margin:.5rem 0 0;color:#666;font-size:.9rem}.accordion-chevron{flex-shrink:0;color:#666;transition:transform .3s ease;display:flex;align-items:center}.accordion-open .accordion-chevron{transform:rotate(180deg)}.accordion-panel{max-height:0;overflow:hidden;transition:max-height .4s ease-out}.accordion-panel-inner{padding:1.5rem}.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.game-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;display:flex;gap:1rem;position:relative;border:2px solid transparent}.game-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #00000026;border-color:#1976d2}.game-card:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d24d}.game-card-disabled{opacity:.6;cursor:not-allowed}.game-card-disabled:hover{transform:none;box-shadow:0 2px 8px #0000001a;border-color:transparent}.game-card-icon{font-size:3rem;line-height:1;flex-shrink:0;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:12px}.game-card-content{flex:1;text-align:left}.game-card-title{font-size:1.25rem;margin:0 0 .25rem;color:#1a1a2e}.game-card-division{font-size:.8rem;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.game-card-description{font-size:.9rem;color:#555;margin:0 0 .75rem;line-height:1.4}.game-card-meta{display:flex;gap:.75rem;font-size:.8rem}.game-card-players{color:#666}.game-card-difficulty{padding:2px 8px;border-radius:4px;font-weight:500}.difficulty-beginner{background-color:#e8f5e9;color:#2e7d32}.difficulty-intermediate{background-color:#fff3e0;color:#f57c00}.difficulty-advanced{background-color:#ffebee;color:#c62828}.game-card-badge{position:absolute;top:.75rem;right:.75rem;background:#9e9e9e;color:#fff;font-size:.7rem;padding:4px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.game-selector-footer{text-align:center;color:#888;font-size:.9rem;padding:2rem;background:#f5f5f5;border-top:1px solid #e0e0e0}.game-selector-footer p{margin:0 0 .5rem}.footer-note{font-size:.8rem;color:#999}@media(max-width:768px){.game-selector-hero{padding:2rem 1rem}.hero-logo{flex-direction:column;gap:.5rem}.logo-icon{font-size:2.5rem}.logo-text h1{font-size:1.75rem}.hero-stats{gap:1.5rem}.stat-number{font-size:1.75rem}.division-tabs{flex-wrap:wrap;gap:.5rem;padding:.75rem}.division-tab{padding:.5rem 1rem;flex:1;min-width:100px}.accordion-container{padding:1rem}.division-title-row{flex-direction:column;align-items:flex-start;gap:.5rem}.division-title{font-size:1.25rem}.accordion-header,.accordion-panel-inner{padding:1rem}}@media(max-width:480px){.hero-description{font-size:.95rem}.hero-stats{flex-direction:column;gap:1rem}.division-tabs{justify-content:stretch}.division-tab{flex:1 1 45%;min-width:0}.tab-grade{display:none}}.game-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.game-header h1{flex:1;margin:0}.back-button{background:#f5f5f5;border:1px solid #ddd;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9rem;color:#555;transition:background-color .2s ease,border-color .2s ease}.back-button:hover{background:#e8e8e8;border-color:#ccc}.back-button:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px #1976d24d}@media(max-width:640px){.game-selector{padding:1rem}.game-selector-header h1{font-size:2rem}.game-grid{grid-template-columns:1fr}.game-card{padding:1rem}.game-card-icon{font-size:2rem;width:48px;height:48px}.game-header{flex-direction:column;align-items:stretch;text-align:center}.back-button{align-self:flex-start}}.tutorial-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9998;pointer-events:none}.tutorial-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;pointer-events:auto}.tutorial-highlight-ring{position:fixed;border:3px solid #ffc107;border-radius:8px;box-shadow:0 0 0 9999px #00000080,0 0 20px #ffc10780;pointer-events:none;transition:all .3s ease;z-index:9999}@keyframes tutorial-pulse{0%,to{box-shadow:0 0 0 9999px #00000080,0 0 20px #ffc10780}50%{box-shadow:0 0 0 9999px #00000080,0 0 30px #ffc107cc}}.tutorial-highlight-ring{animation:tutorial-pulse 2s ease-in-out infinite}.tutorial-tooltip{position:fixed;background:#fff;border-radius:12px;padding:0;max-width:400px;min-width:300px;box-shadow:0 8px 32px #0003;z-index:10000;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}.tutorial-tooltip-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#1976d2,#1565c0);color:#fff}.tutorial-step-counter{font-size:.85rem;opacity:.9}.tutorial-exit-btn{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;opacity:.8;transition:opacity .2s ease,background-color .2s ease}.tutorial-exit-btn:hover{opacity:1;background-color:#fff3}.tutorial-tooltip-title{margin:0;padding:16px 16px 8px;font-size:1.1rem;color:#1a1a2e}.tutorial-tooltip-message{margin:0;padding:0 16px 16px;font-size:.95rem;line-height:1.6;color:#444}.tutorial-tooltip-message p{margin:0 0 12px}.tutorial-tooltip-message p:last-child{margin-bottom:0}.tutorial-tooltip-message ul,.tutorial-tooltip-message ol{margin:8px 0;padding-left:24px}.tutorial-tooltip-message li{margin-bottom:6px}.tutorial-tooltip-message strong{color:#1a1a2e}.tutorial-tooltip-actions{display:flex;gap:12px;padding:12px 16px;background:#f5f5f5;border-top:1px solid #eee}.tutorial-prev-btn,.tutorial-next-btn{flex:1;padding:10px 16px;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.tutorial-prev-btn{background:#fff;border:1px solid #ddd;color:#666}.tutorial-prev-btn:hover:not(:disabled){background:#f0f0f0}.tutorial-prev-btn:disabled{opacity:.5;cursor:not-allowed}.tutorial-next-btn{background:#1976d2;border:none;color:#fff}.tutorial-next-btn:hover:not(:disabled){background:#1565c0}.tutorial-next-btn:active:not(:disabled){transform:scale(.98)}.tutorial-next-btn:disabled{background:#90caf9;cursor:not-allowed}.tutorial-next-btn.tutorial-btn-waiting{background:#ff9800;font-size:.8rem}.tutorial-next-btn.tutorial-btn-waiting:hover{background:#f57c00}#tutorial-btn{background-color:#9c27b0}#tutorial-btn:hover{background-color:#7b1fa2}#tutorial-btn:active{background-color:#6a1b9a}@media(max-width:480px){.tutorial-tooltip{max-width:calc(100vw - 32px);min-width:280px;margin:16px}.tutorial-tooltip-title{font-size:1rem}.tutorial-tooltip-message{font-size:.9rem}.tutorial-tooltip-actions{flex-direction:column}.tutorial-prev-btn,.tutorial-next-btn{width:100%}}.hex-board{max-width:600px;max-height:500px;margin:0 auto;display:block}.hex-cell{fill:beige;stroke:#8b7355;stroke-width:1.5;transition:fill .15s ease}.hex-cell-empty:hover{fill:#e8e8d0;cursor:pointer}.hex-cell-p1{fill:#2196f3;stroke:#1565c0}.hex-cell-p2{fill:#e53935;stroke:#b71c1c}.hex-cell-winning{stroke:gold;stroke-width:3;filter:drop-shadow(0 0 4px gold)}.hex-cell-last-move{stroke:#ff9800;stroke-width:2.5}.hex-edge{fill:none;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}.hex-edge-p1{stroke:#2196f3;opacity:.6}.hex-edge-p2{stroke:#e53935;opacity:.6}.hex-label{font-size:10px;fill:#666;font-family:system-ui,sans-serif;-webkit-user-select:none;user-select:none}.hex-status{text-align:center;margin-bottom:16px}.hex-move-count{font-size:.9rem;color:#666;margin-top:8px}.hex-legend{display:flex;justify-content:center;gap:24px;margin-top:12px;font-size:.85rem}.hex-legend-item{display:flex;align-items:center;gap:4px}.hex-legend-p1{color:#1976d2}.hex-legend-p2{color:#c62828}.hex-game-area{display:flex;flex-direction:column;align-items:center;gap:16px}@media(max-width:600px){.hex-board{max-width:95vw;max-height:80vw}.hex-legend{flex-direction:column;gap:8px}}.star-track-game-area{display:flex;flex-direction:column;align-items:center;gap:16px}.star-track-wrapper{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}.star-track-board{max-width:400px;max-height:400px}.star-track-line{stroke:#ddd;stroke-width:8;stroke-linecap:round}.star-track-path-p1 .star-track-line{stroke:#2196f333}.star-track-path-p2 .star-track-line{stroke:#e5393533}.star-track-space{fill:#fff;stroke:#999;stroke-width:2}.star-track-start{fill:#e8e8e8;stroke:#666}.star-track-end{fill:gold;stroke:#b8860b}.star-track-goal{fill:gold;stroke:#b8860b;stroke-width:3;filter:drop-shadow(0 0 8px rgba(255,215,0,.6))}.star-track-goal-label{font-size:24px;fill:#b8860b;font-family:system-ui,sans-serif}.star-track-ray{stroke:#ffd7004d;stroke-width:2;stroke-dasharray:4 4}.star-track-space-label{font-size:10px;fill:#666;font-family:system-ui,sans-serif}.star-track-piece{stroke:#fff;stroke-width:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:cx .3s ease,cy .3s ease}.star-track-piece-p1{fill:#2196f3}.star-track-piece-p2{fill:#e53935}.star-track-chain-area{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;background:#f5f5f5;border-radius:12px;min-width:280px}.star-track-draw-btn{padding:16px 32px;font-size:1.2rem;font-weight:600;background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s}.star-track-draw-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #4caf5066}.star-track-bucket-info{font-size:.85rem;color:#666}.star-track-choice-label{font-size:1rem;font-weight:600;color:#333}.star-track-choices{display:flex;gap:16px}.star-track-chain-btn{display:flex;flex-direction:column;align-items:center;padding:16px 24px;background:#fff;border:3px solid #ddd;border-radius:12px;cursor:pointer;transition:all .2s ease;min-width:100px}.star-track-chain-btn:hover{border-color:#4caf50;transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.star-track-chain-btn .chain-links{font-size:1.5rem;letter-spacing:-4px}.star-track-chain-btn .chain-length{font-size:1.5rem;font-weight:700;color:#333;margin-top:8px}.star-track-winner{font-size:1.5rem;font-weight:700;color:#4caf50;text-align:center}.star-track-status{text-align:center}.star-track-progress{display:flex;flex-direction:column;gap:8px;margin-top:12px;width:100%;max-width:300px;margin-left:auto;margin-right:auto}.progress-bar{display:flex;align-items:center;gap:8px}.progress-label{font-size:.85rem;min-width:60px;text-align:left}.progress-track{flex:1;height:12px;background:#e0e0e0;border-radius:6px;overflow:hidden}.progress-fill{height:100%;border-radius:6px;transition:width .3s ease}.progress-p1 .progress-fill{background:linear-gradient(90deg,#2196f3,#1976d2)}.progress-p2 .progress-fill{background:linear-gradient(90deg,#e53935,#c62828)}.progress-value{font-size:.85rem;min-width:40px;text-align:right;color:#666}@media(max-width:480px){.star-track-board{max-width:95vw;max-height:95vw}.star-track-chain-area{min-width:auto;width:100%}.star-track-choices{flex-direction:column;width:100%}.star-track-chain-btn{width:100%}}.hex-a-gone-wrapper{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1rem}.hex-a-gone-board{width:350px;height:350px;max-width:90vw;max-height:90vw}.hex-a-gone-cell{fill:#e8e8e8;stroke:#999;stroke-width:1.5;transition:fill .15s ease,stroke .15s ease}.hex-a-gone-cell:hover{fill:#d0d0d0}.hex-a-gone-cell-valid{fill:#90ee9080;stroke:#4caf50;stroke-width:2;cursor:pointer}.hex-a-gone-cell-valid:hover{fill:#90ee90cc}.hex-a-gone-cell-filled{stroke:#333;stroke-width:2}.hex-a-gone-cell-p1{stroke:#1976d2}.hex-a-gone-cell-p2{stroke:#d32f2f}.hex-a-gone-selection-area{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:500px}.hex-a-gone-bank{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 2px 8px #0000001a}.hex-a-gone-bank-title{font-weight:700;color:#333;margin-bottom:.75rem;font-size:1rem}.hex-a-gone-bank-blocks{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.hex-a-gone-block-btn{display:flex;flex-direction:column;align-items:center;padding:.5rem;border:2px solid #ddd;border-radius:8px;background:#f9f9f9;cursor:pointer;min-width:70px;transition:all .2s ease}.hex-a-gone-block-btn:hover:not(.empty){border-color:#666;background:#f0f0f0}.hex-a-gone-block-btn.selected{border-color:#4caf50;background:#4caf501a;box-shadow:0 0 0 2px #4caf504d}.hex-a-gone-block-btn.placing{border-color:#ff9800;background:#ff98001a;box-shadow:0 0 0 2px #ff98004d}.hex-a-gone-block-btn.empty{opacity:.4;cursor:not-allowed}.block-icon{width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.block-name{font-size:.7rem;color:#666;text-transform:capitalize;margin-top:2px}.block-count{font-size:.65rem;color:#999}.hex-a-gone-selection-status{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:.75rem;background:#f5f5f5;border-radius:8px}.selected-blocks{display:flex;align-items:center;gap:.5rem}.selected-shape{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;color:#fff;font-size:16px;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.hex-a-gone-confirm-btn{padding:.5rem 1.5rem;font-size:1rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#4caf50,#2e7d32);border:none;border-radius:8px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.hex-a-gone-confirm-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4caf5066}.hex-a-gone-placing-info{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ff98001a;border:1px solid #ff9800;border-radius:8px;justify-content:center}.placing-shape{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:4px;color:#fff;font-size:14px;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.placing-hint{font-size:.85rem;color:#666;font-style:italic}.hex-a-gone-winner{font-size:1.5rem;font-weight:700;color:#4caf50;text-align:center;padding:1rem;background:#4caf501a;border-radius:12px}.hex-a-gone-status{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.hex-a-gone-players{display:flex;justify-content:center;gap:2rem}.hex-a-gone-players .player-indicator{padding:.5rem 1rem;border-radius:8px;background:#f5f5f5;transition:all .2s ease}.hex-a-gone-players .player-indicator.active{background:linear-gradient(135deg,#e3f2fd,#bbdefb);font-weight:700;box-shadow:0 2px 8px #1976d24d}.hex-a-gone-coverage{font-size:.9rem;color:#666;text-align:center}@media(max-width:480px){.hex-a-gone-board{width:95vw;height:95vw}.hex-a-gone-bank-blocks{gap:.25rem}.hex-a-gone-block-btn{min-width:55px;padding:.35rem}.block-icon{width:26px;height:26px;font-size:14px}.block-name{font-size:.6rem}}.calla-wrapper{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem}.calla-board{width:100%;max-width:550px;height:auto}.calla-board-bg{fill:#8b4513;stroke:#5d3a1a;stroke-width:4}.calla-pit-circle{fill:#654321;stroke:#3d2817;stroke-width:2;transition:all .2s ease}.calla-pit-valid .calla-pit-circle{fill:#7a5a3a;stroke:#4caf50;stroke-width:3;cursor:pointer}.calla-pit-valid:hover .calla-pit-circle{fill:#8a6a4a;filter:brightness(1.1)}.calla-pit-last .calla-pit-circle{stroke:#ff9800;stroke-width:3}.calla-pit-count{font-size:18px;font-weight:700;fill:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5);pointer-events:none}.calla-cube{fill:gold;stroke:#b8860b;stroke-width:1}.calla-store-rect{fill:#4a3520;stroke:#3d2817;stroke-width:3;transition:all .2s ease}.calla-store-active .calla-store-rect{stroke-width:4}.calla-store-p1.calla-store-active .calla-store-rect{stroke:#1976d2}.calla-store-p2.calla-store-active .calla-store-rect{stroke:#d32f2f}.calla-store-count{font-size:28px;font-weight:700;fill:gold;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.calla-store-label{font-size:16px}.calla-arrow{fill:none;stroke-width:2;opacity:.5}.calla-arrow-p1{stroke:#1976d2}.calla-arrow-p2{stroke:#d32f2f}.calla-last-move{padding:.5rem 1rem;background:#ff98001a;border:1px solid #ff9800;border-radius:8px;font-size:.9rem;color:#e65100}.calla-status{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.calla-scores{display:flex;justify-content:center;gap:2rem}.calla-score{padding:.5rem 1rem;border-radius:8px;background:#f5f5f5;font-size:1.1rem;transition:all .2s ease}.calla-score strong{font-size:1.3rem}.calla-score.active{font-weight:700}.calla-score-p1.active{background:linear-gradient(135deg,#e3f2fd,#bbdefb);box-shadow:0 2px 8px #1976d24d}.calla-score-p2.active{background:linear-gradient(135deg,#ffebee,#ffcdd2);box-shadow:0 2px 8px #d32f2f4d}@media(max-width:480px){.calla-board{max-width:95vw}.calla-pit-count{font-size:14px}.calla-store-count{font-size:20px}.calla-scores{flex-direction:column;gap:.5rem}}.qg-game-area{display:flex;justify-content:center;align-items:center;padding:1rem;min-height:500px}.qg-board-container{display:flex;justify-content:center;align-items:center}@media(max-width:600px){.qg-game-area{min-height:400px;padding:.5rem}}.contig-game-area{display:flex;flex-direction:column;align-items:center;padding:1rem;gap:1rem}.contig-board-container{display:flex;flex-direction:column;align-items:center;gap:1rem}@media(max-width:600px){.contig-game-area{padding:.5rem}}