html,body,#root{width:100%;max-width:none;height:100%;margin:0;padding:0}body{color:#222;background:#fafaf5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}#root{text-align:left;border:none}*{box-sizing:border-box}.app-root{color:#dce1ea;background:#0b0d12;flex-direction:column;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;display:flex}.app-header{background:#10131a;border-bottom:1px solid #1e222c;padding:10px 16px}.app-header h1{color:#f2f4f8;letter-spacing:.2px;margin:0 0 6px;font-size:17px;font-weight:600}.legend{color:#9aa3b2;flex-wrap:wrap;align-items:center;gap:6px 16px;font-size:12px;display:flex}.legend .swatch{vertical-align:middle;border-radius:50%;width:12px;height:12px;margin-right:4px;display:inline-block;box-shadow:0 0 8px}.legend .blue{color:#4299f0;background:#4299f0}.legend .red{color:#f04259;background:#f04259}.legend .gray{color:#818898;background:#818898}.legend-note{color:#7b8698;font-style:italic}.legend-hint{color:#7b8698;margin-left:auto}.game-line-row{color:#9aa3b2;align-items:center;gap:8px;margin-top:8px;font-size:12px;display:flex}.game-line-row label{color:#c7ccd6}.game-line-input{color:#e6e9f0;background:#0f1219;border:1px solid #2a2f3d;border-radius:6px;outline:none;flex:1;padding:5px 9px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px}.game-line-input:focus{border-color:#4a5168}.game-line-input:disabled{opacity:.6}.game-line-button{color:#f0f2f7;cursor:pointer;background:#2a3142;border:1px solid #3a4159;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600}.game-line-button:hover:not(:disabled){background:#353d52}.game-line-button:disabled{opacity:.5;cursor:default}.tree-viewport{flex:1;position:relative;overflow:hidden}.radial-tree{background:#0b0d12;width:100%;height:100%}.detail-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#05070ca6;justify-content:center;align-items:center;animation:.12s ease-out fadeIn;display:flex;position:fixed;inset:0}.detail-card{color:#e6e9f0;background:#141824;border:1px solid #2a2f3d;border-radius:10px;width:520px;max-width:94vw;padding:18px 22px 14px;animation:.18s cubic-bezier(.2,.9,.3,1.2) popIn;position:relative;box-shadow:0 20px 60px #0009}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.detail-close{color:#7b8698;cursor:pointer;background:0 0;border:none;font-size:22px;line-height:1;position:absolute;top:6px;right:10px}.detail-close:hover{color:#f0f2f7}.detail-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.detail-swatch{border-radius:50%;width:18px;height:18px;box-shadow:0 0 12px}.detail-score{color:#f2f4f8;font-size:22px;font-weight:700}.detail-meta{color:#9aa3b2;margin-left:4px;font-size:13px}.detail-board{justify-content:center;padding:8px 0;display:flex}.detail-footer{color:#c7ccd6;margin-top:6px;font-size:12px}.detail-muted{color:#7b8698;margin-top:4px}.app-nav{gap:8px;margin-top:6px;display:flex}.app-nav button{color:#9aa3b2;cursor:pointer;background:0 0;border:1px solid #2a2f3d;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:600;transition:background .12s,color .12s,border-color .12s}.app-nav button:hover{color:#dce1ea;border-color:#3a4252}.app-nav button.active{color:#f2f4f8;background:#1f4d7a;border-color:#308ce8;box-shadow:0 0 10px #3d99f566}.play-root{flex-direction:column;flex:1;align-items:center;gap:16px;padding:20px 16px 32px;display:flex;overflow-y:auto}.play-status{color:#c7ccd6;letter-spacing:.3px;font-size:15px;font-weight:500}.play-status.p1-turn{color:#5aa6f2}.play-status.p2-turn{color:#f25a6e}.play-status.game-over{color:#f2f4f8;text-shadow:0 0 12px #fff3;margin-bottom:4px;font-size:22px;font-weight:700}.play-error{color:#ed5e71;background:#7a1f2b2e;border:1px solid #a32939;border-radius:8px;padding:10px 14px;font-size:13px}.kalah-board{background:#141824;border:1px solid #2a2f3d;border-radius:14px;grid-template-rows:96px 96px;grid-template-columns:110px repeat(6,88px) 110px;gap:12px;padding:18px;display:grid;box-shadow:0 12px 40px #00000080}.kalah-pit{color:#f2f4f8;-webkit-user-select:none;user-select:none;background:#212631;border:1px solid #2a2f3d;border-radius:14px;justify-content:center;align-items:center;font-size:24px;font-weight:700;transition:transform .14s,box-shadow .14s,background .14s,border-color .14s;display:flex;position:relative}.kalah-pit.p1{background:#1c385466;border-color:#2680d980}.kalah-pit.p2{background:#541c2466;border-color:#d9263e80}.kalah-pit.empty .kalah-pit-count{color:#5b6478}.kalah-pit.legal{cursor:pointer;background:#7e25318c;border-color:#f6556b;box-shadow:0 0 18px #f53d568c}.kalah-pit.legal:hover{background:#a82435b3;transform:translateY(-2px);box-shadow:0 0 22px #f6556bbf}.kalah-pit.active{background:#937c1f73;border-color:#ffe066;transform:scale(1.06);box-shadow:0 0 22px #ffdb4cd9}.kalah-pit.flash,.kalah-store.flash{animation:.38s ease-out capture-flash}@keyframes capture-flash{0%{box-shadow:0 0 #ffdb4c00}35%{transform:scale(1.08);box-shadow:0 0 32px 4px #ffdb4cf2}to{box-shadow:0 0 #ffdb4c00}}.kalah-pit-count,.kalah-store-count{transition:transform .14s cubic-bezier(.2,.9,.3,1.4)}.kalah-pit.active .kalah-pit-count{transform:scale(1.18)}.kalah-pit-count{line-height:1}.kalah-pit-label{color:#7b8698;letter-spacing:.5px;text-transform:uppercase;font-size:10px;font-weight:500;position:absolute;bottom:6px}.kalah-store{color:#f2f4f8;-webkit-user-select:none;user-select:none;background:#212631;border:1px solid #2a2f3d;border-radius:16px;flex-direction:column;grid-row:1/3;justify-content:center;align-items:center;font-size:36px;font-weight:800;display:flex;position:relative}.kalah-store.store-p1{background:#1c38548c;border-color:#2680d9b3;grid-column:8;box-shadow:inset 0 0 24px #0d80f22e}.kalah-store.store-p2{background:#541c248c;border-color:#d9263eb3;grid-column:1;box-shadow:inset 0 0 24px #f20d2b2e}.kalah-store-label{color:#9aa3b2;letter-spacing:.6px;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:600}.kalah-store-count{line-height:1}.play-controls{gap:10px;display:flex}.play-button{color:#c7ccd6;cursor:pointer;background:0 0;border:1px solid #2a2f3d;border-radius:8px;padding:7px 16px;font-size:13px;font-weight:600;transition:background .12s,border-color .12s,color .12s}.play-button:hover:not(:disabled){color:#f2f4f8;background:#1c385480;border-color:#308ce8}.play-button:disabled{opacity:.5;cursor:not-allowed}.play-button-primary{color:#f2f4f8;background:#1f4d7a;border-color:#308ce8;padding:10px 22px;font-size:15px;box-shadow:0 0 14px #3d99f566}.play-button-primary:hover:not(:disabled){background:#2466a8;box-shadow:0 0 18px #55a6f6a6}.play-log{background:#141824;border:1px solid #2a2f3d;border-radius:10px;width:360px;max-width:92vw;padding:10px 14px 12px}.play-log-title{color:#9aa3b2;letter-spacing:.5px;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:600}.play-log-list{grid-template-columns:1fr 1fr;gap:2px 12px;margin:0;padding:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;list-style:none;display:grid}.play-log-list li{color:#c7ccd6;align-items:baseline;gap:6px;display:flex}.play-log-list .log-num{color:#5b6478;text-align:right;min-width:24px}.play-log-list .log-who{min-width:20px;font-weight:600}.play-log-list .log-p1 .log-who{color:#5ea6ed}.play-log-list .log-p2 .log-who{color:#ed5e71}.play-log-list .log-capture{color:#ebca47;font-weight:700}.play-gameline{background:#141824;border:1px solid #2a2f3d;border-radius:10px;width:360px;max-width:92vw;padding:10px 14px 12px}.play-gameline-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.play-gameline-title{color:#9aa3b2;letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:600}.play-gameline-copy{color:#9aa3b2;cursor:pointer;background:0 0;border:1px solid #2a2f3d;border-radius:6px;padding:3px 10px;font-size:11px;font-weight:600;transition:background .12s,color .12s,border-color .12s}.play-gameline-copy:hover{color:#f2f4f8;background:#1c385480;border-color:#308ce8}.play-gameline-text{color:#dce1ea;word-break:break-word;white-space:pre-wrap;-webkit-user-select:all;user-select:all;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;display:block}