:root{--bg:#0e0c0a;--bg-raised:#16130f;--ink:#e8dfd1;--ink-dim:#b0a48e;--ink-faint:#7a6e5c;--accent:#d4a656;--accent-dim:#8a6d36;--rule:#26221c;--rule-bright:#3a342a;--p1-color:#d4a656;--p2-color:#8ab4d6;--c4-frame:#c8a828;--c4-red:#c33;--c4-black:#1a1a2e;--reversi-dark:#222;--reversi-light:#eee}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,-apple-system,sans-serif}.app{flex-direction:column;align-items:center;gap:2rem;max-width:960px;margin:0 auto;padding:2.5rem 1.5rem;display:flex}header{text-align:center}.header-top{justify-content:center;align-items:baseline;gap:1rem;display:flex}.about-link{color:var(--ink-dim);border:1px solid var(--ink-faint);border-radius:4px;padding:.4rem 1rem;font-family:Menlo,monospace;font-size:.85rem;text-decoration:none;transition:all .15s}.about-link:hover{border-color:var(--accent-dim);color:var(--accent);background:#d4a6560f}header h1{letter-spacing:-.02em;align-items:center;gap:.4rem;font-family:Georgia,serif;font-size:2.6rem;font-weight:300;display:flex}.app-logo{align-items:center;display:inline-flex;transform:translateY(1px)}header em{color:var(--ink-dim);font-style:italic}.subtitle{color:var(--ink-faint);letter-spacing:.12em;text-transform:uppercase;font-family:Menlo,monospace;font-size:.8rem}.menu{flex-direction:column;align-items:center;gap:2rem;margin-top:3rem;display:flex}.menu h2{color:var(--ink);font-family:Georgia,serif;font-size:1.6rem;font-weight:300}.game-select{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.game-select button{background:var(--bg-raised);border:1px solid var(--rule-bright);color:var(--ink);cursor:pointer;white-space:nowrap;border-radius:5px;padding:.7rem 1.1rem;font-family:Menlo,monospace;font-size:.9rem;transition:all .15s}.game-select button:hover{border-color:var(--ink-faint);background:#ffffff08}.game-select button.active{border-color:var(--accent);color:var(--accent);background:#d4a6561a;box-shadow:0 0 12px #d4a65614}.game-group-label{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.08em;margin-top:1rem;margin-bottom:.3rem;font-family:Menlo,monospace;font-size:.75rem}.game-group-label:first-child{margin-top:0}.trained-badge{color:#4aba5a;text-transform:uppercase;letter-spacing:.03em;vertical-align:middle;opacity:.8;margin-left:.35rem;font-family:Menlo,monospace;font-size:.55rem}.menu-actions{justify-content:center;gap:.75rem;display:flex}.learned-status{color:#4aba5a;text-align:center;font-family:Menlo,monospace;font-size:.85rem}.untrained-warning{text-align:center;color:var(--warn);background:#c66a4e1a;border:1px solid #c66a4e4d;border-radius:6px;max-width:500px;padding:.75rem 1.25rem;font-family:Menlo,monospace;font-size:.9rem}.menu-links{justify-content:center;gap:1rem;display:flex}.start-btn{background:var(--accent);color:var(--bg);letter-spacing:.05em;cursor:pointer;border:none;border-radius:5px;margin-top:1rem;padding:.9rem 3.5rem;font-family:Menlo,monospace;font-size:1.05rem;font-weight:600;transition:all .15s;box-shadow:0 3px 12px #d4a65640}.start-btn:hover{opacity:.9}.start-btn:disabled{opacity:.5;cursor:not-allowed}.view-gdl-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;margin-left:.5rem;padding:0;font-family:Menlo,monospace;font-size:.8rem;text-decoration:underline;display:inline}.view-gdl-btn:hover{opacity:.8}.gdl-modal{max-width:600px;max-height:80vh;overflow-y:auto}.parser-ref-modal{max-width:640px;max-height:85vh;overflow-y:auto}.gdl-modal-intro{color:var(--ink-dim);margin-bottom:1rem;font-size:.95rem;line-height:1.5}.gdl-code{background:var(--bg);border:1px solid var(--rule);color:var(--ink-dim);border-radius:6px;max-height:400px;padding:1rem;font-family:Menlo,monospace;font-size:.75rem;line-height:1.5;overflow:auto}.play-hint{color:var(--ink-dim);text-align:center;max-width:420px;font-family:Menlo,monospace;font-size:.85rem;line-height:1.5}.teach-teaser{flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:900px;margin-top:1rem;display:flex}.teach-workspace{grid-template-columns:1fr 420px;align-items:start;gap:1.25rem;width:100%;display:grid}.teach-input-col{flex-direction:column;gap:.75rem;display:flex}.teach-result-col{flex-direction:column;gap:.5rem;display:flex}@media (width<=700px){.teach-workspace{grid-template-columns:1fr}}.teach-teaser-divider{align-items:center;gap:1rem;width:100%;margin:1.5rem 0 .5rem;display:flex}.teach-teaser-divider:before,.teach-teaser-divider:after{content:"";background:var(--ink-faint);flex:1;height:1px}.teach-teaser-divider span{color:var(--ink-dim);font-family:Georgia,serif;font-size:1.1rem;font-style:italic}.teach-teaser h3{color:var(--ink);font-family:Georgia,serif;font-size:1.4rem;font-weight:300}.teach-teaser p{color:var(--ink-dim);text-align:center;max-width:460px;font-size:1rem;line-height:1.6}.teach-teaser p em{color:var(--ink);font-style:italic}.teach-teaser-example{background:var(--bg-raised);border:1px solid var(--rule);border-radius:6px;width:100%;padding:1rem 1.25rem}.teach-teaser-label{text-transform:uppercase;letter-spacing:.1em;color:var(--accent-dim);margin-bottom:.5rem;font-family:Menlo,monospace;font-size:.7rem}.teach-teaser-text{color:var(--ink-dim);font-family:Georgia,serif;font-size:.95rem;font-style:italic;line-height:1.6}.teach-input{background:var(--bg-raised);border:2px solid var(--rule-bright);width:100%;color:var(--ink);resize:vertical;border-radius:6px;padding:1rem 1.2rem;font-family:Georgia,serif;font-size:1.05rem;line-height:1.6}.teach-input:focus{border-color:var(--accent-dim);outline:none}.teach-input::placeholder{color:var(--ink-dim);font-style:italic}.teach-btn{background:var(--accent);color:var(--bg);cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.75rem;padding:.85rem 2.5rem;font-family:Menlo,monospace;font-size:1rem;font-weight:600;transition:opacity .15s;display:flex}.teach-btn:hover{opacity:.9}.teach-btn:disabled{opacity:.5;cursor:not-allowed}.parse-result{background:var(--bg-raised);border:1px solid var(--rule);border-radius:6px;width:100%;max-height:400px;padding:1rem;overflow-y:auto}.parse-result-header{color:#4aba5a;margin-bottom:.75rem;font-family:Menlo,monospace;font-size:.95rem}.parse-result-summary{color:var(--ink-dim);flex-direction:column;gap:.3rem;margin-bottom:.75rem;font-size:.9rem;display:flex}.parse-result-summary strong{color:var(--ink)}.parse-info{background:#ffffff05;border-radius:4px;flex-direction:column;gap:.35rem;margin-bottom:.75rem;padding:.6rem .75rem;font-size:.8rem;display:flex}.parse-understood{color:#4aba5a;background:#4aba5a14;border:1px solid #4aba5a33;border-radius:4px;padding:.4rem .6rem}.parse-not-understood{color:#e05050;background:#e050501a;border:1px solid #e0505040;border-radius:4px;padding:.4rem .6rem;font-weight:600}.parse-info strong{font-weight:600}.parse-result-details{margin-bottom:1rem}.parse-result-details summary{color:var(--accent);cursor:pointer;margin-bottom:.5rem;font-family:Menlo,monospace;font-size:.8rem}.parse-result-details summary:hover{opacity:.8}.parse-result pre{color:var(--ink-dim);background:var(--bg);border:1px solid var(--rule);border-radius:4px;max-height:300px;padding:.75rem;font-family:Menlo,monospace;font-size:.7rem;line-height:1.5;overflow:auto}.teach-btn-learn{background:var(--accent);width:100%;max-width:400px;color:var(--bg);cursor:pointer;letter-spacing:.5px;border:none;border-radius:8px;margin-top:1.5rem;margin-left:auto;margin-right:auto;padding:.9rem 2rem;font-family:Menlo,monospace;font-size:1.1rem;font-weight:700;transition:all .15s;display:block}.teach-btn-learn:hover{background:#e0b560;transform:translateY(-1px);box-shadow:0 4px 16px #d4a65666}.parse-success-banner{text-align:center;background:#28783c26;border:1px solid #3ca05066;border-radius:8px;flex-direction:column;align-items:center;gap:.8rem;margin-top:1.5rem;padding:1.2rem 1.5rem;display:flex}.parse-success-icon{color:#5cba6e;background:#3ca05040;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.3rem;font-weight:700;display:flex}.parse-success-text{color:var(--ink);font-size:.95rem;line-height:1.5}.parse-success-text strong{color:#5cba6e}.parse-fail-banner{background:#b43c281f;border:1px solid #c8503c59;border-radius:8px;align-items:center;gap:1rem;margin-top:1.5rem;padding:1.2rem 1.5rem;display:flex}.parse-fail-icon{color:#d05040;background:#c8503c40;border-radius:50%;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;font-size:1.2rem;font-weight:700;display:flex}.parse-fail-text{color:var(--ink);font-size:.95rem;line-height:1.5}.parse-fail-text strong{color:#d05040}.parse-placeholder{color:var(--ink-faint);text-align:center;border:1px dashed var(--rule-bright);border-radius:6px;padding:2rem 1.5rem;font-family:Menlo,monospace;font-size:.85rem;line-height:1.6}.parse-error{color:var(--warn);background:#c66a4e1a;border:1px solid #c66a4e4d;border-radius:6px;padding:.75rem;font-family:Menlo,monospace;font-size:.9rem}.coming-soon-badge{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);background:#d4a65626;border-radius:3px;padding:.2rem .5rem;font-size:.6rem}.game-container{flex-direction:column;align-items:center;gap:1.5rem;width:100%;display:flex}.game-header{flex-direction:column;align-items:center;gap:.5rem;width:100%;display:flex}.game-title-row{align-items:center;gap:.75rem;display:flex}.game-actions{justify-content:center;gap:.75rem;display:flex}.action-btn{background:var(--bg-raised);border:2px solid var(--ink-faint);color:var(--ink);cursor:pointer;white-space:nowrap;border-radius:6px;padding:.7rem 1.6rem;font-family:Menlo,monospace;font-size:.95rem;transition:all .15s}.action-btn:hover{border-color:var(--ink-dim);background:#ffffff0a}.action-btn-primary{background:var(--accent);border-color:var(--accent);color:var(--bg);font-weight:600}.action-btn-primary:hover{opacity:.9;border-color:var(--accent);background:var(--accent)}.game-title{color:var(--ink);font-family:Georgia,serif;font-size:1.8rem;font-weight:300}.game-info{justify-content:space-between;width:100%;max-width:600px;font-family:Menlo,monospace;font-size:1rem;display:flex}.player-indicator{color:var(--ink-dim);font-family:Menlo,monospace;font-size:.85rem}.player-indicator-label{font-weight:600}.turn-indicator{color:var(--ink-dim);font-size:1rem}.turn-indicator.your-turn{color:var(--accent)}.turn-number{color:var(--ink-faint);font-size:1rem}.ai-thinking-bar{align-items:center;gap:.6rem;width:100%;max-width:600px;font-family:Menlo,monospace;font-size:.8rem;animation:.3s fadeIn;display:flex}.ai-thinking-label{color:var(--ink-faint);white-space:nowrap}.ai-confidence-meter{background:var(--rule);border-radius:3px;flex:1;height:6px;overflow:hidden}.ai-confidence-fill{background:var(--accent);border-radius:3px;height:100%;transition:width .4s}.ai-thinking-level{color:var(--accent);white-space:nowrap;font-size:.75rem}.ai-thinking-effort{color:var(--ink-dim);white-space:nowrap;font-size:.75rem}.board{-webkit-user-select:none;user-select:none;border-radius:6px;flex-direction:column;display:flex}.board-row{display:flex}.board:not(.ttt-board):not(.c4-board):not(.reversi-board){border:2px solid var(--rule-bright);background:var(--bg-raised);gap:0}.board:not(.ttt-board):not(.c4-board):not(.reversi-board) .cell{border:1px solid var(--rule-bright);cursor:default;justify-content:center;align-items:center;width:60px;height:60px;transition:background .12s;display:flex}.board:not(.ttt-board):not(.c4-board):not(.reversi-board) .cell.legal{cursor:pointer;background:#d4a65614}.board:not(.ttt-board):not(.c4-board):not(.reversi-board) .cell.legal:hover{background:#d4a65633}.cell.movable{cursor:pointer}.cell.movable:after{content:"";background:var(--accent);opacity:.6;border-radius:50%;width:8px;height:8px;position:absolute;bottom:2px;right:2px}.cell.selected{outline:3px solid var(--accent);outline-offset:-3px;z-index:2}.cell.destination{cursor:pointer;background:#d4a65640!important}.cell.destination:after{content:"";background:#d4a65680;border-radius:50%;width:16px;height:16px;position:absolute}.ttt-board{background:0 0;gap:0}.ttt-board .cell{cursor:default;border:1px solid var(--rule-bright);background:0 0;justify-content:center;align-items:center;width:130px;height:130px;transition:background .12s;display:flex}.ttt-board .board-row:first-child .cell{border-top:none}.ttt-board .board-row:last-child .cell{border-bottom:none}.ttt-board .cell:first-child{border-left:none}.ttt-board .cell:last-child{border-right:none}.ttt-board .cell.legal{cursor:pointer;background:#d4a6560a}.ttt-board .cell.legal:hover{background:#d4a6561f}.ttt-piece{width:70px;height:70px}.piece-svg{width:100%;height:100%}.ttt-piece.p1 .piece-svg line{stroke:var(--p1-color)}.ttt-piece.p2 .piece-svg circle{stroke:var(--p2-color)}.c4-board{background:var(--c4-frame);border-radius:10px;gap:0;padding:10px;box-shadow:0 4px 20px #0006,inset 0 1px #ffffff1a}.c4-board .board-row{gap:0}.c4-board .cell{background:var(--c4-frame);cursor:default;justify-content:center;align-items:center;width:88px;height:88px;transition:none;display:flex;position:relative}.c4-board .cell.legal{cursor:pointer}.c4-hole{background:var(--bg);border-radius:50%;width:72px;height:72px;position:absolute;box-shadow:inset 0 2px 6px #0006}.c4-board .cell.hover-col .c4-hole{box-shadow:inset 0 2px 6px #0006,0 0 12px #d4a65633}.c4-disc{z-index:1;border-radius:50%;width:64px;height:64px;position:relative}.c4-disc .disc-inner{border-radius:50%;width:100%;height:100%;box-shadow:inset 0 -3px 6px #0000004d,0 2px 4px #0003}.c4-disc.p1 .disc-inner{background:radial-gradient(circle at 35% 35%, #e55, var(--c4-red))}.c4-disc.p2 .disc-inner{background:radial-gradient(circle at 35% 35%, #335, var(--c4-black))}.c4-disc.drop-in{animation:.35s cubic-bezier(.22,.68,.36,1.1) forwards disc-drop}@keyframes disc-drop{0%{transform:translateY(calc(-80px * var(--drop-rows) - 40px));opacity:.7}to{opacity:1;transform:translateY(0)}}.reversi-board{background:#1a6b2a;border-radius:6px;gap:0;padding:4px;box-shadow:0 4px 16px #0006}.reversi-board .board-row{gap:0}.reversi-board .cell{cursor:default;background:#1e7a30;border:1px solid #00000026;justify-content:center;align-items:center;width:72px;height:72px;transition:background .12s;display:flex}.reversi-board .cell.legal{cursor:pointer}.reversi-board .cell.legal:hover{background:#23903a}.reversi-board .cell.legal:after{content:"";background:#ffffff26;border-radius:50%;width:16px;height:16px;position:absolute}.reversi-board .cell{position:relative}.reversi-disc{border-radius:50%;width:56px;height:56px}.reversi-disc .disc-inner{border-radius:50%;width:100%;height:100%;transition:background .3s;box-shadow:inset 0 -2px 4px #0000004d,0 2px 4px #0000004d}.reversi-disc.p1 .disc-inner{background:radial-gradient(circle at 35% 35%,#444,#111)}.reversi-disc.p2 .disc-inner{background:radial-gradient(circle at 35% 35%,#fff,#ccc)}.generic-stone{border-radius:50%;width:42px;height:42px}.generic-stone .disc-inner{border-radius:50%;width:100%;height:100%;box-shadow:inset 0 -2px 4px #0000004d,0 2px 4px #0000004d}.generic-stone.p1 .disc-inner{background:radial-gradient(circle at 35% 35%, var(--accent), #8a6d36)}.generic-stone.p2 .disc-inner{background:radial-gradient(circle at 35% 35%, var(--p2-color), #5a7a9a)}.ai-commentary{color:var(--ink);text-align:center;background:#d4a65614;border:1px solid #d4a65633;border-radius:6px;margin-top:.3rem;padding:.4rem .8rem;font-family:Menlo,monospace;font-size:.85rem;font-style:italic}@keyframes ai-highlight{0%,40%{box-shadow:inset 0 0 0 3px #8ab4d6e6}to{box-shadow:inset 0 0 0 3px #0000}}.cell.ai-last-move{animation:2.5s ease-out ai-highlight}.ttt-board .cell.ai-last-move{animation:2.5s ease-out ai-highlight-ttt}@keyframes ai-highlight-ttt{0%,40%{background:#8ab4d633}to{background:0 0}}.reversi-board .cell.ai-last-move{animation:2.5s ease-out ai-highlight-reversi}@keyframes ai-highlight-reversi{0%,40%{background:#8ab4d64d}to{background:#1e7a30}}.result{text-align:center;padding:1rem 0}.result-text{color:var(--accent);font-family:Georgia,serif;font-size:2rem;font-weight:300}.training-stopped-early{text-align:center;color:#4aba5a;background:#4aba5a14;border:1px solid #4aba5a40;border-radius:6px;padding:.75rem;font-family:Menlo,monospace;font-size:.95rem}.training-depth-report{text-align:center;color:var(--ink-dim);padding:.5rem;font-family:Menlo,monospace;font-size:.9rem}.training-depth-report strong{color:var(--accent)}.derived-features-panel{border:2px solid var(--accent-dim);background:#d4a6560a;border-radius:8px;width:100%;margin-bottom:1rem;padding:1.5rem}.derived-features-panel h3{color:var(--accent);margin-bottom:.75rem;font-family:Georgia,serif;font-size:1.2rem;font-weight:400}.derived-features-intro{color:var(--ink-dim);margin-bottom:1rem;font-size:.95rem;line-height:1.6}.derived-features-intro strong{color:var(--ink)}.derived-features-list{flex-direction:column;gap:.4rem;margin-bottom:.75rem;display:flex}.derived-feature-item{background:#ffffff05;border-radius:4px;align-items:baseline;gap:.75rem;padding:.4rem .6rem;display:flex}.derived-feature-name{color:var(--ink);flex-shrink:0;min-width:140px;font-family:Menlo,monospace;font-size:.85rem}.derived-feature-desc{color:var(--ink-dim);font-size:.85rem}.derived-features-note{color:var(--ink-faint);margin-top:.5rem;font-family:Menlo,monospace;font-size:.75rem;font-style:italic}.intuitions-panel{border:1px solid var(--rule);background:#d4a6560f;border-radius:6px;margin-top:.75rem;padding:.75rem 1rem}.intuitions-label{color:var(--accent);margin-bottom:.5rem;font-family:Menlo,monospace;font-size:.8rem}.intuition-item{align-items:baseline;gap:.75rem;padding:.25rem 0;font-size:.85rem;display:flex}.intuition-feature{color:var(--ink);flex-shrink:0;min-width:140px;font-family:Menlo,monospace}.intuition-reason{color:var(--ink-dim);font-style:italic}.self-assessment-panel{border:1px solid var(--rule-bright);background:var(--bg-raised);border-radius:4px;width:100%;padding:1.25rem}.self-assessment-panel h3{color:var(--ink-dim);letter-spacing:.05em;margin-bottom:.75rem;font-family:Menlo,monospace;font-size:.9rem;font-weight:400}.assessment-content{flex-direction:column;gap:.5rem;display:flex}.assessment-level{text-transform:capitalize;font-family:Georgia,serif;font-size:1.4rem;font-weight:400}.assessment-trend{opacity:.8;margin-left:.5rem;font-size:.9rem}.assessment-desc{color:var(--ink-dim);font-size:.95rem;line-height:1.5}.assessment-stats{color:var(--ink-faint);gap:1.5rem;margin-top:.25rem;font-family:Menlo,monospace;font-size:.8rem;display:flex}.metacognition-panel{border:1px solid var(--rule-bright);background:var(--bg-raised);border-radius:4px;width:100%;padding:1.25rem}.metacognition-panel h3{color:var(--ink-dim);letter-spacing:.05em;margin-bottom:1rem;font-family:Menlo,monospace;font-size:.9rem;font-weight:400}.metacog-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.metacog-card{border:1px solid var(--rule);background:#d4a65608;border-radius:6px;flex-direction:column;gap:.35rem;padding:1rem;display:flex}.metacog-card-title{color:var(--accent);letter-spacing:.03em;font-family:Menlo,monospace;font-size:.8rem}.metacog-card-value{color:var(--ink);font-family:Georgia,serif;font-size:1.2rem}.metacog-card-detail{color:var(--ink-faint);font-family:Menlo,monospace;font-size:.75rem}.metacog-card-explain{color:var(--ink-dim);margin-top:.5rem;font-size:.85rem;line-height:1.5}.calibration-table{margin-top:.75rem;font-family:Menlo,monospace;font-size:.7rem}.calibration-header{color:var(--ink-faint);border-bottom:1px solid var(--rule);gap:0;margin-bottom:.25rem;padding-bottom:.25rem;display:flex}.calibration-header span,.calibration-row span{text-align:center;flex:1}.calibration-row{color:var(--ink-dim);gap:0;padding:.15rem 0;display:flex}.rules-overlay{z-index:50;background:#000000b3;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.rules-modal{background:var(--bg-raised);border:1px solid var(--rule-bright);border-radius:10px;width:90%;max-width:480px;padding:2rem 2.5rem;animation:.2s modalSlideUp;box-shadow:0 12px 40px #00000080}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.rules-modal-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.rules-modal-title{color:var(--accent);font-family:Georgia,serif;font-size:1.3rem;font-weight:400}.rules-modal-close{color:var(--ink-faint);cursor:pointer;background:0 0;border:none;padding:0 .25rem;font-size:1.6rem;line-height:1;transition:color .15s}.rules-modal-close:hover{color:var(--ink)}.rules-modal-intro{color:var(--ink);margin-bottom:1rem;font-size:1.05rem;line-height:1.5}.rules-modal-list{flex-direction:column;gap:.6rem;padding-left:1.4rem;display:flex}.rules-modal-list li{color:var(--ink-dim);font-size:1rem;line-height:1.6}.rules-btn{border:1px solid var(--rule-bright);color:var(--ink-dim);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-left:auto;font-family:Georgia,serif;font-size:.9rem;transition:all .15s;display:flex}.rules-btn:hover{border-color:var(--accent-dim);color:var(--accent)}.mancala-board{background:#5c3a1e;border-radius:60px;align-items:stretch;gap:0;padding:12px;display:flex;box-shadow:0 4px 20px #00000080,inset 0 2px 4px #ffffff0d}.mancala-store{background:#3a2210;border-radius:50px;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;width:84px;min-height:190px;display:flex;box-shadow:inset 0 3px 8px #0006}.store-count{color:var(--ink);margin-top:.25rem;font-family:Georgia,serif;font-size:1.4rem;font-weight:300}.store-label{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.08em;font-family:Menlo,monospace;font-size:.75rem}.mancala-center{flex-direction:column;gap:8px;padding:4px 8px;display:flex}.mancala-row{gap:6px;display:flex}.mancala-pit{cursor:default;background:#3a2210;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:74px;height:74px;transition:background .15s;display:flex;position:relative;box-shadow:inset 0 2px 6px #0006}.mancala-pit.legal{cursor:pointer;background:#4a3018}.mancala-pit.legal:hover{background:#5a3820;box-shadow:inset 0 2px 6px #0006,0 0 10px #d4a65633}.pit-stones{justify-content:center;align-items:center;display:flex}.mancala-stones{flex-wrap:wrap;justify-content:center;gap:3px;max-width:52px;display:flex}.mancala-stone{background:radial-gradient(circle at 35% 35%,#c8b89a,#8a7a60);border-radius:50%;width:12px;height:12px;box-shadow:0 1px 3px #0006,inset 0 1px 1px #fff3}.mancala-store .mancala-stones{gap:2px;max-width:60px}.mancala-store .mancala-stone{width:10px;height:10px}.stone-count{color:var(--ink-faint);margin-top:2px;font-family:Georgia,serif;font-size:.75rem;font-weight:400}.mode-toggle{border:1px solid var(--rule-bright);border-radius:4px;gap:0;margin-top:.5rem;display:flex;overflow:hidden}.mode-toggle button{color:var(--ink-dim);cursor:pointer;text-align:center;background:0 0;border:none;flex:1;padding:.5rem 2rem;font-family:Menlo,monospace;font-size:.9rem;transition:all .15s}.mode-toggle button:first-child{border-right:1px solid var(--rule-bright)}.mode-toggle button.active{color:var(--accent);background:#d4a6561a}.training-dashboard{flex-direction:column;align-items:center;gap:1.5rem;width:100%;display:flex}.training-dashboard h2{font-family:Georgia,serif;font-size:1.4rem;font-weight:300}.train-explainer{border:2px solid var(--accent-dim);background:#d4a6560f;border-radius:8px;max-width:600px;margin-bottom:.5rem;overflow:hidden}.train-explainer-toggle{border:none;border-bottom:1px solid var(--accent-dim);width:100%;color:var(--accent);cursor:pointer;background:#d4a65614;justify-content:space-between;align-items:center;padding:.9rem 1.25rem;font-family:Menlo,monospace;font-size:.95rem;font-weight:500;transition:all .15s;display:flex}.train-explainer-toggle:hover{background:#d4a6561f}.train-explainer-toggle .corrections-chevron{color:var(--accent);font-size:.75rem;transition:transform .2s}.train-explainer-body{max-height:160px;padding:0 1.5rem 1.25rem;overflow-y:auto}.train-explainer-body p{color:var(--ink-dim);margin-bottom:.75rem;font-size:1rem;line-height:1.65}.train-explainer-body p:last-child{margin-bottom:0}.train-explainer-body strong{color:var(--ink);font-weight:500}.train-config{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.train-params{color:var(--ink-dim);gap:1.5rem;font-family:Menlo,monospace;font-size:.8rem;display:flex}.train-params label{align-items:center;gap:.5rem;display:flex;position:relative}.train-param-note{color:var(--ink-faint);font-size:.7rem;font-style:italic}.train-params input{background:var(--bg-raised);border:1px solid var(--rule-bright);width:60px;color:var(--ink);text-align:center;border-radius:3px;padding:.3rem .5rem;font-family:Menlo,monospace;font-size:.8rem}.train-action-buttons{justify-content:center;align-items:stretch;gap:.75rem;display:flex}.train-action-buttons .start-btn{margin-top:0}.train-action-buttons .action-btn{padding:.9rem 2rem;font-size:1.05rem}.train-fresh-toggle{color:var(--ink);cursor:pointer;align-items:center;gap:.5rem;font-family:Menlo,monospace;font-size:.9rem;display:flex}.train-fresh-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.train-fresh-hint{color:var(--ink-faint);font-size:.8rem;font-style:italic}.train-progress-info{color:var(--ink-faint);font-family:Menlo,monospace;font-size:.75rem;font-style:italic}.spinner{border:2px solid var(--rule-bright);border-top-color:var(--accent);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.train-starting-banner{color:var(--ink-dim);background:var(--bg-raised);border:1px solid var(--rule-bright);border-radius:8px;align-items:center;gap:.75rem;margin-top:1rem;padding:1.2rem 1.5rem;font-family:Menlo,monospace;font-size:.95rem;display:flex}.train-starting-banner .spinner{width:18px;height:18px}.train-error{color:#d05040;background:#b43c281f;border:1px solid #c8503c59;border-radius:6px;margin-top:.5rem;padding:.7rem 1rem;font-family:Menlo,monospace;font-size:.85rem}.train-results{flex-direction:column;gap:1.5rem;width:100%;display:flex}.learning-curve{border:1px solid var(--rule-bright);background:var(--bg-raised);border-radius:4px;width:100%;padding:1rem}.learning-curve h3{color:var(--ink-dim);letter-spacing:.05em;margin-bottom:.5rem;font-family:Menlo,monospace;font-size:.85rem;font-weight:400}.wdl-breakdown{gap:.6rem;margin-left:1rem;font-size:.8rem;font-weight:400;display:inline-flex}.wdl-wins{color:var(--accent)}.wdl-draws{color:var(--ink-dim)}.wdl-losses{color:var(--p2-color)}.curve-svg{width:100%;height:auto}.weight-inspector{border:1px solid var(--rule-bright);background:var(--bg-raised);border-radius:4px;width:100%;padding:1rem}.weight-inspector h3{color:var(--ink-dim);letter-spacing:.05em;margin-bottom:.75rem;font-family:Menlo,monospace;font-size:.85rem;font-weight:400}.gen-badge{color:var(--accent);background:#d4a65626;border-radius:3px;margin-left:.5rem;padding:.15rem .5rem;font-size:.75rem}.weight-explainer{border:1px solid var(--rule);background:#d4a6560a;border-radius:6px;margin-bottom:1.25rem;padding:1rem 1.25rem}.weight-explainer p{color:var(--ink-dim);margin-bottom:.6rem;font-size:.95rem;line-height:1.6}.weight-explainer p:last-child{margin-bottom:0}.weight-explainer strong{color:var(--ink);font-weight:500}.weight-bars{flex-direction:column;gap:.75rem;display:flex}.weight-row{align-items:center;gap:.75rem;display:flex}.weight-name{color:var(--ink);text-align:right;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;width:140px;font-family:Menlo,monospace;font-size:.85rem;overflow:hidden}.weight-detail{color:var(--ink-faint);text-align:right;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;width:140px;font-size:.75rem;overflow:hidden}.weight-bar-track{background:var(--rule);border-radius:4px;flex:1;height:8px;overflow:hidden}.weight-bar{border-radius:4px;height:100%;transition:width .3s}.weight-bar.positive{background:var(--accent)}.weight-bar.negative{background:var(--p2-color)}.weight-value{flex-shrink:0;width:60px;font-family:Menlo,monospace;font-size:.75rem}.weight-value.positive{color:var(--accent)}.weight-value.negative{color:var(--p2-color)}.memory-panel{width:100%;margin-top:1rem}.memory-panel h3{color:var(--ink-dim);letter-spacing:.05em;margin-bottom:.75rem;font-family:Menlo,monospace;font-size:.85rem;font-weight:400}.memory-list{flex-direction:column;gap:.5rem;display:flex}.memory-card{background:var(--bg-raised);border:1px solid var(--rule);border-radius:4px;justify-content:space-between;align-items:center;padding:.6rem 1rem;display:flex}.memory-info{flex-direction:column;gap:.2rem;display:flex}.memory-name{color:var(--ink);font-family:Menlo,monospace;font-size:.85rem}.memory-gen{color:var(--ink-faint);font-family:Menlo,monospace;font-size:.7rem}.memory-reset{border:1px solid var(--rule-bright);color:var(--ink-faint);cursor:pointer;background:0 0;border-radius:3px;padding:.3rem .8rem;font-family:Menlo,monospace;font-size:.7rem;transition:all .15s}.memory-reset:hover{color:#c66a4e;border-color:#c66a4e}.corrections-panel{width:100%;max-width:500px;margin-top:.5rem}.corrections-toggle{background:var(--bg-raised);border:1px solid var(--ink-faint);width:100%;color:var(--ink-dim);cursor:pointer;border-radius:4px;justify-content:space-between;align-items:center;padding:.7rem 1.1rem;font-family:Menlo,monospace;font-size:.9rem;transition:all .15s;display:flex}.corrections-toggle:hover{border-color:var(--ink-faint)}.corrections-toggle-label{align-items:center;gap:.75rem;display:flex}.corrections-badge{color:var(--accent);background:#d4a65626;border-radius:3px;padding:.1rem .5rem;font-size:.65rem}.corrections-chevron{color:var(--ink-faint);font-size:.6rem}.corrections-body{border:1px solid var(--rule);background:var(--bg-raised);border-top:none;border-radius:0 0 4px 4px;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.confidence-bars{flex-direction:column;gap:.4rem;display:flex}.confidence-row{align-items:center;gap:.5rem;font-family:Menlo,monospace;font-size:.7rem;display:flex}.confidence-name{text-align:right;width:100px;color:var(--ink-dim);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;overflow:hidden}.confidence-bar-track{background:var(--rule);border-radius:3px;flex:1;height:6px;overflow:hidden}.confidence-bar{border-radius:3px;height:100%;transition:width .3s}.confidence-bar.high{background:#4aba5a}.confidence-bar.medium{background:var(--accent)}.confidence-bar.low{background:var(--warn)}.confidence-value{width:30px;color:var(--ink-dim);flex-shrink:0}.confidence-prov{width:60px;color:var(--ink-faint);flex-shrink:0;font-size:.6rem}.corrections-stat{color:var(--accent);text-align:center;padding:.4rem 0;font-family:Menlo,monospace;font-size:.7rem}.corrections-feedback{gap:.5rem;display:flex}.corrections-feedback input{background:var(--bg);border:1px solid var(--rule-bright);color:var(--ink);border-radius:3px;flex:1;padding:.4rem .6rem;font-family:Menlo,monospace;font-size:.7rem}.corrections-feedback input::placeholder{color:var(--ink-faint)}.corrections-feedback button{border:1px solid var(--accent-dim);color:var(--accent);cursor:pointer;white-space:nowrap;background:0 0;border-radius:3px;padding:.4rem .8rem;font-family:Menlo,monospace;font-size:.7rem;transition:all .12s}.corrections-feedback button:hover{border-color:var(--accent);background:#d4a6561a}.corrections-feedback button:disabled{opacity:.4;cursor:not-allowed}.nim-board{flex-direction:column;align-items:center;gap:1rem;display:flex}.nim-piles{align-items:flex-end;gap:2.5rem;display:flex}.nim-pile-col{flex-direction:column;align-items:center;gap:.5rem;min-width:80px;display:flex}.nim-pile-label{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.08em;font-family:Menlo,monospace;font-size:.9rem}.nim-pile{background:var(--bg-raised);border:1px solid var(--rule);border-radius:8px;flex-direction:column-reverse;align-items:center;gap:6px;min-height:60px;padding:12px 16px;transition:all .15s;display:flex}.nim-pile.clickable{cursor:pointer}.nim-pile.clickable:hover{border-color:var(--ink-faint)}.nim-pile.selected{border-color:var(--accent);background:#d4a6560f;box-shadow:0 0 12px #d4a6561a}.nim-stone{background:radial-gradient(at 40% 35%,#b8a080,#7a6b55);border-radius:50%;width:44px;height:24px;box-shadow:0 3px 5px #00000059,inset 0 1px 3px #fff3}.nim-empty{color:var(--ink-faint);padding:12px 0;font-family:Menlo,monospace;font-size:.85rem}.nim-take-buttons{flex-wrap:wrap;justify-content:center;gap:4px;max-width:120px;display:flex}.nim-take-btn{background:var(--bg-raised);border:1px solid var(--accent-dim);color:var(--accent);cursor:pointer;white-space:nowrap;border-radius:3px;padding:.4rem .8rem;font-family:Menlo,monospace;font-size:.85rem;transition:all .12s}.nim-take-btn:hover{border-color:var(--accent);background:#d4a6561f}.nim-hint{color:var(--ink-dim);margin-top:.75rem;font-family:Menlo,monospace;font-size:.9rem}.checkers-container{flex-direction:column;align-items:center;gap:1rem;display:flex}.checkers-you-label{color:var(--ink-dim);align-items:center;gap:.5rem;margin-bottom:.25rem;font-family:Menlo,monospace;font-size:.9rem;display:flex}.checkers-red-dot{background:#c83030;border-radius:50%;width:14px;height:14px;display:inline-block}.checkers-board{border:4px solid #5c3a1e;border-radius:4px;overflow:hidden;box-shadow:0 6px 20px #00000080}.checkers-row{display:flex}.checkers-cell{justify-content:center;align-items:center;width:72px;height:72px;display:flex}.checkers-cell.light{background:#e8d4a8}.checkers-cell.dark{background:#6b8e4e}.checkers-piece{border:2px solid #0003;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative;box-shadow:0 3px 6px #0006,inset 0 2px 4px #fff3}.checkers-piece.red{background:radial-gradient(circle at 35% 35%,#e84040,#b02020);border-color:#901818}.checkers-piece.black{background:radial-gradient(circle at 35% 35%,#444,#1a1a1a);border-color:#000}.checkers-cell.selected{box-shadow:inset 0 0 0 3px var(--accent)}.checkers-cell.movable{cursor:pointer}.checkers-cell.movable:hover{box-shadow:inset 0 0 0 2px #d4a65680}.checkers-cell.destination{cursor:pointer;position:relative}.checkers-cell.destination:hover{background:#8aae6e}.checkers-dest-dot{background:#d4a65680;border-radius:50%;width:20px;height:20px;position:absolute}.checkers-hint{color:var(--ink-dim);text-align:center;font-family:Menlo,monospace;font-size:.85rem}.checkers-piece.king:after{content:"";border:2px solid #ffd70099;border-radius:50%;width:40px;height:40px;position:absolute}.checkers-crown{color:gold;text-shadow:0 1px 3px #00000080;font-size:1.4rem}.blackjack-board{flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:500px;display:flex}.blackjack-dealer,.blackjack-player{flex-direction:column;align-items:center;gap:.5rem;display:flex}.blackjack-label{color:var(--ink);font-family:Menlo,monospace;font-size:.95rem}.blackjack-action{color:var(--accent);text-align:center;font-family:Menlo,monospace;font-size:.9rem}.blackjack-buttons{gap:1rem;display:flex}.crazy8-board{flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:700px;display:flex}.crazy8-info{color:var(--ink-dim);gap:2rem;font-family:Menlo,monospace;font-size:.9rem;display:flex}.crazy8-table{align-items:center;gap:1.5rem;display:flex}.crazy8-deck-pile{background:repeating-linear-gradient(45deg,#0000,#0000 4px,#ffffff0f 4px 5px),repeating-linear-gradient(-45deg,#0000,#0000 4px,#ffffff0f 4px 5px),linear-gradient(135deg,#2050a0,#183878);border:2px solid #4080d0;border-radius:6px;justify-content:center;align-items:center;width:70px;height:100px;display:flex;box-shadow:3px 3px #00000040,0 3px 8px #0000004d}.crazy8-deck-count{color:#fff;text-shadow:0 1px 3px #0006;font-family:Georgia,serif;font-size:1.5rem}.crazy8-top-card{background:#faf5eb;border:2px solid #d0c8b8;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:80px;height:112px;display:flex;box-shadow:0 4px 12px #0000004d}.crazy8-top-card.red{color:#c83030}.crazy8-top-card.black{color:#1a1a2e}.crazy8-card-rank{font-family:Georgia,serif;font-size:1.6rem;font-weight:600}.crazy8-card-suit{font-size:1.8rem}.crazy8-active-suit{color:var(--accent);font-family:Menlo,monospace;font-size:.85rem}.crazy8-last-action{color:var(--ink-dim);font-family:Menlo,monospace;font-size:.9rem}.crazy8-my-hand{flex-direction:column;align-items:center;gap:.5rem;width:100%;display:flex}.crazy8-hand-label{color:var(--ink-dim);font-family:Menlo,monospace;font-size:.8rem}.gofish-card.wild{border-color:var(--accent);box-shadow:0 0 8px #d4a6564d}.gofish-card.uno-red{color:#d42020;background:#fff0f0;border:4px solid #d42020}.gofish-card.uno-blue{color:#1050cc;background:#f0f4ff;border:4px solid #1050cc}.gofish-card.uno-green{color:#18883a;background:#f0fff4;border:4px solid #18883a}.gofish-card.uno-yellow{color:#8a6a10;background:#fffcf0;border:4px solid #c80}.gofish-card.uno-wild{color:#fff;background:linear-gradient(135deg,#d42020 25%,#1050cc 25% 50%,#18883a 50% 75%,#c80 75%);border:4px solid #333}.gofish-card.uno-red .gofish-card-rank,.gofish-card.uno-blue .gofish-card-rank,.gofish-card.uno-green .gofish-card-rank,.gofish-card.uno-yellow .gofish-card-rank,.gofish-card.uno-wild .gofish-card-rank{letter-spacing:-.5px;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-family:Inter,sans-serif;font-size:.8rem;font-weight:800;overflow:hidden}.gofish-card.uno-red .gofish-card-suit,.gofish-card.uno-blue .gofish-card-suit,.gofish-card.uno-green .gofish-card-suit,.gofish-card.uno-yellow .gofish-card-suit,.gofish-card.uno-wild .gofish-card-suit{display:none}.crazy8-top-card.uno-red{color:#d42020;background:#fff0f0;border:4px solid #d42020}.crazy8-top-card.uno-blue{color:#1050cc;background:#f0f4ff;border:4px solid #1050cc}.crazy8-top-card.uno-green{color:#18883a;background:#f0fff4;border:4px solid #18883a}.crazy8-top-card.uno-yellow{color:#8a6a10;background:#fffcf0;border:4px solid #c80}.crazy8-top-card.uno-wild{color:#fff;background:linear-gradient(135deg,#d42020 25%,#1050cc 25% 50%,#18883a 50% 75%,#c80 75%);border:4px solid #333}.crazy8-draw-btn{background:var(--bg-raised);border:2px solid var(--ink-faint);color:var(--ink);cursor:pointer;border-radius:6px;margin-top:.5rem;padding:.6rem 1.5rem;font-family:Menlo,monospace;font-size:.9rem;transition:all .15s}.crazy8-draw-btn:hover{border-color:var(--accent);color:var(--accent)}.gofish-board{flex-direction:column;align-items:center;gap:1.25rem;width:100%;max-width:700px;display:flex}.gofish-info-bar{justify-content:space-between;width:100%;font-family:Menlo,monospace;font-size:.9rem;display:flex}.gofish-score{gap:1.5rem;display:flex}.gofish-score-you{color:var(--accent)}.gofish-score-ai{color:var(--p2-color)}.gofish-pond{color:var(--ink-faint)}.gofish-set-ranks{opacity:.8;font-size:.8rem;font-weight:400}.gofish-opponent{flex-direction:column;align-items:center;gap:.4rem;display:flex}.gofish-opp-label{color:var(--ink-faint);font-family:Menlo,monospace;font-size:.8rem}.gofish-card-backs{gap:-8px;display:flex}.gofish-card-back{background:linear-gradient(135deg,#2050a0,#183878);border:1px solid #4080d0;border-radius:4px;width:36px;height:52px;margin-left:-8px;box-shadow:0 2px 4px #0000004d}.gofish-card-back:first-child{margin-left:0}.gofish-more{color:var(--ink-faint);align-self:center;margin-left:.5rem;font-family:Menlo,monospace;font-size:.7rem}.gofish-result{text-align:center;border-radius:6px;padding:.6rem 1.25rem;font-family:Menlo,monospace;font-size:.95rem}.gofish-hit{color:#4aba5a;background:#4aba5a1a;border:1px solid #4aba5a40}.gofish-miss{color:var(--p2-color);background:#8ab4d61a;border:1px solid #8ab4d633}.gofish-my-hand{flex-direction:column;align-items:center;gap:.5rem;width:100%;display:flex}.gofish-hand-label{color:var(--accent);font-family:Menlo,monospace;font-size:.9rem;font-weight:500}.gofish-cards{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.gofish-card{cursor:pointer;background:#faf5eb;border:1px solid #d0c8b8;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:52px;height:74px;transition:all .15s;display:flex;box-shadow:0 2px 4px #0003}.gofish-card:hover:not(.disabled){border-color:var(--accent);background:#fff8e8;transform:translateY(-8px);box-shadow:0 6px 16px #d4a65666}.gofish-card.disabled{opacity:.6;cursor:default}.gofish-card.red{color:#c83030}.gofish-card.black{color:#1a1a2e}.gofish-card-rank{font-family:Georgia,serif;font-size:1.1rem;font-weight:600;line-height:1}.gofish-card-suit{font-size:1.2rem;line-height:1}.war-board{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.war-players{align-items:center;gap:3rem;display:flex}.war-player{flex-direction:column;align-items:center;gap:.5rem;display:flex}.war-deck-pile{border-radius:8px;justify-content:center;align-items:center;width:90px;height:130px;display:flex;position:relative;box-shadow:0 4px 12px #0006}.war-p1-pile{background:linear-gradient(135deg,#c83030,#a02020);border:2px solid #e04040}.war-p2-pile{background:linear-gradient(135deg,#2050a0,#183878);border:2px solid #4080d0}.war-card-count{color:#fff;text-shadow:0 2px 4px #0006;font-family:Georgia,serif;font-size:2rem;font-weight:600}.war-player-label{color:var(--ink-dim);font-family:Menlo,monospace;font-size:.9rem}.war-center{flex-direction:column;align-items:center;gap:.5rem;min-width:180px;display:flex}.war-flipped{align-items:center;gap:.75rem;display:flex}.war-card{background:#faf5eb;border:1px solid #d0c8b8;border-radius:6px;justify-content:center;align-items:center;width:70px;height:100px;font-family:Georgia,serif;font-size:1.3rem;font-weight:600;display:flex;box-shadow:0 3px 8px #0000004d}.war-card-p1{color:#c83030}.war-card-p2{color:#2050a0}.war-vs{color:var(--ink-faint);font-family:Georgia,serif;font-size:1rem;font-style:italic}.war-prompt{color:var(--ink-dim);font-family:Georgia,serif;font-size:1.2rem;font-style:italic}.war-round-result{color:var(--accent);font-family:Menlo,monospace;font-size:.9rem}.war-tie{color:var(--warn);font-weight:600}.war-flip-btn{background:var(--accent);color:var(--bg);cursor:pointer;border:none;border-radius:6px;padding:.8rem 3rem;font-family:Menlo,monospace;font-size:1rem;font-weight:600;transition:all .15s;box-shadow:0 3px 10px #d4a6564d}.war-flip-btn:hover{opacity:.9}.war-flip-btn:disabled{opacity:.5;cursor:not-allowed}.cl-board-container{flex-direction:column;align-items:center;gap:1.25rem;display:flex}.cl-board-wrapper{border:4px solid #5c3a1e;border-radius:10px;position:relative;overflow:hidden;box-shadow:0 6px 24px #00000080,inset 0 1px #ffffff0d}.cl-svg-overlay{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;top:0;left:0}.cl-board{flex-direction:column;display:flex;position:relative}.cl-row{display:flex}.cl-cell{border:1px solid #ffffff0f;flex-direction:column;justify-content:center;align-items:center;width:96px;height:96px;display:flex;position:relative}.cl-cell.cl-ladder{box-shadow:inset 0 0 0 2px #4aba5a66}.cl-cell.cl-chute{box-shadow:inset 0 0 0 2px #c8464666}.cl-cell.cl-finish{background:#3a3520!important}.cl-finish-star{color:var(--accent);opacity:.5;font-size:1.6rem}.cl-number{color:#ffffff73;font-family:Georgia,serif;font-size:1rem;font-weight:600;position:absolute;top:5px;left:8px}.cl-badge{letter-spacing:.06em;white-space:nowrap;border-radius:3px;padding:2px 5px;font-family:Menlo,monospace;font-size:.55rem;font-weight:700;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.cl-ladder-badge{color:#6ade8a;background:#4aba5a33;border:1px solid #4aba5a4d}.cl-chute-badge{color:#e08080;background:#c8464633;border:1px solid #c846464d}.cl-tokens{z-index:2;gap:6px;display:flex}.cl-token{text-transform:uppercase;letter-spacing:.04em;border:2px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-family:Menlo,monospace;font-size:.55rem;font-weight:700;display:flex;box-shadow:0 3px 8px #00000080,inset 0 1px 2px #ffffff4d}.cl-p1{background:radial-gradient(circle at 35% 35%, #ffe080, var(--accent));color:#4a3510}.cl-p2{color:#1a3050;background:radial-gradient(circle at 35% 35%,#a0d0f0,#4080b0)}.cl-controls{flex-direction:column;align-items:center;gap:.75rem;display:flex}.cl-roll-area{align-items:center;gap:1rem;min-height:56px;display:flex}.cl-die{background:#faf0e0;border:2px solid #d0c0a0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 3px 8px #0000004d,inset 0 1px #ffffff80}.cl-die-ai{background:#d0e0f0;border-color:#a0b8d0}.cl-die-face{color:#2a2015;font-family:Georgia,serif;font-size:1.5rem;font-weight:600;line-height:1}.cl-die-ai .cl-die-face{color:#1a3050}.cl-die-label{text-transform:uppercase;letter-spacing:.1em;color:#6090b0;margin-top:1px;font-family:Menlo,monospace;font-size:.45rem}.cl-roll-btn{background:var(--accent);color:var(--bg);letter-spacing:.06em;cursor:pointer;border:none;border-radius:6px;padding:.75rem 3rem;font-family:Menlo,monospace;font-size:.95rem;font-weight:600;transition:all .15s;box-shadow:0 3px 10px #d4a6564d}.cl-roll-btn:hover{opacity:.9;transform:translateY(-1px)}.cl-roll-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (width<=700px){.ttt-board .cell{width:100px;height:100px}.ttt-piece{width:56px;height:56px}.c4-board .cell{width:58px;height:58px}.c4-hole{width:48px;height:48px}.c4-disc{width:42px;height:42px}.c4-board{padding:6px}.reversi-board .cell{width:50px;height:50px}.reversi-disc{width:40px;height:40px}.nim-piles{gap:1.5rem}.nim-stone{width:30px;height:16px}.cl-cell{width:68px;height:68px}.cl-token{width:28px;height:28px;font-size:.45rem}.cl-number{font-size:.8rem}}@media (width<=450px){.ttt-board .cell{width:85px;height:85px}.c4-board .cell{width:46px;height:46px}.c4-hole{width:38px;height:38px}.c4-disc{width:34px;height:34px}.nim-piles{gap:1rem}.cl-cell{width:56px;height:56px}.cl-number{font-size:.65rem}.cl-badge{display:none}}