:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;--bg:#090b0d;--panel:#15181ad6;--panel-strong:#171a1c;--panel-soft:#ffffff0a;--line:#ffffff16;--line-strong:#ffffff26;--text:#f5f2eb;--muted:#94999c;--muted-strong:#b8b8b3;--gold:#d7ad6e;--gold-bright:#edc782;--jade:#4bc1a8;--danger:#da725f;--radius-xl:30px;--radius-lg:22px;--radius-md:15px;--shadow:0 30px 80px #00000057;font-family:Inter,SF Pro Display,Noto Sans SC,Microsoft YaHei UI,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-width:320px;min-height:100dvh;color:var(--text);background:radial-gradient(circle at 42% 32%,#503a2426,#0000 34%),linear-gradient(145deg,#0e1113 0%,#080a0c 52%,#0d1110 100%);overflow-x:hidden}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}[hidden]{display:none!important}.ambient{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ambient-orb{aspect-ratio:1;filter:blur(120px);opacity:.1;border-radius:50%;width:44vw;position:absolute}.ambient-grid{opacity:.025;background-image:linear-gradient(#ffffffb3 1px,#0000 1px),linear-gradient(90deg,#ffffffb3 1px,#0000 1px);background-size:68px 68px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 75%);mask-image:radial-gradient(circle,#000,#0000 75%)}.topbar{z-index:20;grid-template-columns:1fr auto 1fr;align-items:center;width:min(100% - 42px,1620px);min-height:82px;margin:0 auto;padding:12px 0;display:grid;position:relative}.brand{width:-moz-fit-content;width:fit-content;color:inherit;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-mark{background:linear-gradient(145deg,#d8ae6c1f,#ffffff06);border:1px solid #d8ae6c57;border-radius:13px;grid-template-rows:repeat(2,10px);grid-template-columns:repeat(2,10px);place-content:center;gap:4px;width:42px;height:42px;display:grid;position:relative;box-shadow:inset 0 0 16px #d8ae6c0a}.brand-mark i{border:1px solid #d7ad6ead;border-radius:50%;width:10px;height:10px}.brand-mark b{background:var(--gold-bright);border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 16px #edc782b3}.brand-copy{gap:1px;display:grid}.brand-copy strong{letter-spacing:.2em;font-family:Noto Sans SC,sans-serif;font-size:20px;font-weight:600}.brand-copy small{color:var(--muted);letter-spacing:.22em;font-size:9px;font-weight:700}.mode-switch{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff09;border-radius:14px;gap:4px;padding:4px;display:flex}.mode-switch button{min-height:38px;color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;align-items:center;gap:8px;padding:0 15px;font-size:12px;font-weight:600;transition:all .18s;display:flex}.mode-switch button:hover{color:var(--text)}.mode-switch svg,.topbar-actions svg,.action-button svg,.editor-tools svg,.analyze-button svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.topbar-actions{justify-content:flex-end;gap:7px;display:flex}.icon-button{border:1px solid var(--line);width:40px;height:40px;color:var(--muted-strong);cursor:pointer;background:#ffffff07;border-radius:12px;place-items:center;padding:0;transition:all .18s;display:grid;position:relative}.icon-button:after{z-index:50;color:var(--text);content:attr(data-tooltip);opacity:0;pointer-events:none;white-space:nowrap;background:#24282a;border-radius:6px;padding:5px 7px;font-size:10px;transition:all .14s;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,-3px)}.icon-button:hover:after{opacity:1;transform:translate(-50%)}.sound-off,.icon-button:not(.is-on) .sound-on{display:none}.icon-button:not(.is-on) .sound-off{display:block}.game-shell{grid-template-columns:minmax(620px,1fr) 350px;gap:18px;width:min(100% - 42px,1620px);height:calc(100dvh - 101px);min-height:650px;margin:0 auto 19px;display:grid;position:relative}.stage-card,.control-panel{border:1px solid var(--line);box-shadow:var(--shadow)}.stage-card{border-radius:var(--radius-xl);background:radial-gradient(circle at 50% 33%,#523c265c,#0000 45%),linear-gradient(145deg,#191817,#111515 65%,#101413);min-height:0;position:relative;overflow:hidden}.scene-container{border-radius:inherit;touch-action:none;position:absolute;inset:0;overflow:hidden}.game-canvas{cursor:crosshair;width:100%;height:100%;display:block}.scene-container.is-locked .game-canvas{cursor:grab}.scene-container.is-locked .game-canvas:active{cursor:grabbing}.scene-container:after{border-radius:inherit;content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 90px #0000002e}.scene-hud{z-index:5;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:10px;display:flex;position:absolute;top:20px;left:20px;right:20px}.status-pill,.thinking-pill{border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(16px)saturate(120%);backdrop-filter:blur(16px)saturate(120%);background:#101314a8;border-radius:16px;align-items:center;gap:11px;min-height:54px;padding:9px 14px 9px 10px;display:flex;box-shadow:0 12px 30px #0000002e}.status-pill>span:last-child,.thinking-pill>span:last-child{gap:2px;display:grid}.status-pill small,.thinking-pill small{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:700}.status-pill strong,.thinking-pill strong{font-size:13px;font-weight:600}.turn-stone{border-radius:50%;width:34px;height:34px;box-shadow:inset -6px -7px 10px #0000005c,0 5px 12px #00000047}.turn-stone--black{background:radial-gradient(circle at 36% 29%,#575b5d,#16191a 45%,#070809 100%);border:1px solid #ffffff21}.turn-stone--white{background:radial-gradient(circle at 32% 28%,#fff,#eee9de 58%,#b6ada0 100%);border:1px solid #ffffffa3;box-shadow:inset -5px -6px 9px #6b5b4638,0 5px 12px #00000038}.thinking-pill{border-color:#4ac1a838;padding-left:14px}.thinking-dots{background:#4ac1a817;border-radius:11px;justify-content:center;align-items:center;gap:4px;width:34px;height:34px;display:flex}.thinking-dots i{background:var(--jade);border-radius:50%;width:4px;height:4px;animation:1s ease-in-out infinite thinking}.thinking-dots i:nth-child(2){animation-delay:.14s}.thinking-dots i:nth-child(3){animation-delay:.28s}@keyframes thinking{0%,60%,to{opacity:.45;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.scene-guide{z-index:5;border:1px solid var(--line);color:#ffffff8c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background:#0b0d0e7a;border-radius:11px;align-items:center;gap:8px;padding:7px 11px;font-size:10px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.scene-guide kbd,.action-button kbd{color:#ffffffb8;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:5px;padding:2px 5px;font-family:inherit;font-size:9px}.scene-guide span{background:#ffffff47;border-radius:50%;width:2px;height:2px}.stage-actions{z-index:6;gap:8px;display:flex;position:absolute;bottom:20px;right:20px}.action-button{border:1px solid var(--line-strong);min-height:43px;color:var(--muted-strong);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);cursor:pointer;background:#101314b8;border-radius:12px;align-items:center;gap:8px;padding:0 12px;transition:all .17s;display:flex;box-shadow:0 8px 22px #00000029}.action-button span{font-size:11px;font-weight:600}.action-button:hover:not(:disabled){color:var(--text);border-color:#d7ad6e54;transform:translateY(-1px)}.action-button:disabled{opacity:.38;cursor:not-allowed}.action-button--primary{color:#1e1811;background:linear-gradient(135deg,#ecc98ef0,#c3914ff0);border-color:#d7ad6e40}.webgl-fallback{z-index:20;text-align:center;background:#111416;place-content:center;padding:40px;display:grid;position:absolute;inset:0}.webgl-fallback strong{font-size:20px}.webgl-fallback p{max-width:380px;color:var(--muted);font-size:13px}.control-panel{border-radius:var(--radius-xl);scrollbar-color:#ffffff1f transparent;scrollbar-width:thin;-webkit-backdrop-filter:blur(24px)saturate(120%);backdrop-filter:blur(24px)saturate(120%);background:linear-gradient(155deg,#1c1f20e6,#111415f0);flex-direction:column;gap:13px;min-height:0;padding:14px;display:flex;overflow-y:auto}.match-card,.setting-section,.engine-card,.history-card,.calculator-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel-soft);flex:none}.match-card{padding:12px}.player-row{grid-template-columns:40px 1fr auto;align-items:center;gap:10px;min-height:48px;display:grid}.avatar{border-radius:13px;place-items:center;width:38px;height:38px;font-size:13px;font-weight:700;display:grid}.avatar--human{color:var(--gold-bright);background:linear-gradient(145deg,#d6ac6a29,#d6ac6a0a);border:1px solid #d6ac6a33}.avatar--ai{color:var(--jade);background:#4ac1a814;border:1px solid #4ac1a82e}.avatar--black-player,.avatar--white-player{background:#ffffff09;border:1px solid #ffffff1a}.avatar--black-player .mini-stone,.avatar--white-player .mini-stone{width:22px;height:22px}.local-rule-note{border-top:1px solid var(--line);color:var(--muted);text-align:center;margin:8px 0 0;padding-top:9px;font-size:8px}.avatar--ai svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:21px}.player-copy{gap:2px;display:grid}.player-copy strong{font-size:13px;font-weight:600}.player-copy small{color:var(--muted);font-size:9px}.player-state{color:var(--muted);background:#ffffff09;border-radius:8px;align-items:center;gap:5px;padding:4px 7px;font-size:9px;font-weight:600;display:flex}.player-state.is-active{color:var(--gold-bright);background:#d7ad6e1a}.player-state.is-thinking{color:var(--jade);background:#4ac1a81a}.match-divider{color:#ffffff47;letter-spacing:.16em;align-items:center;gap:8px;margin:4px 0;font-size:8px;font-weight:700;display:flex}.match-divider i{background:var(--line);flex:1;height:1px}.setting-section,.engine-card,.history-card,.calculator-card{padding:14px}.section-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:11px;display:flex}.section-heading>span:first-child{gap:2px;display:grid}.section-heading small{color:#d6ac6ab8;letter-spacing:.16em;font-size:8px;font-weight:700}.section-heading strong{font-size:12px;font-weight:600}.setting-note,.move-count{color:var(--muted);font-size:9px}.info-button{border:1px solid var(--line-strong);width:20px;height:20px;color:var(--muted);cursor:pointer;background:0 0;border-radius:50%;place-items:center;padding:0;font-family:Georgia,serif;font-size:11px;display:grid}.segmented-control,.editor-tools{background:#0000001f;border:1px solid #ffffff0e;border-radius:13px;grid-template-columns:repeat(2,1fr);gap:5px;padding:4px;display:grid}.segmented-control button,.editor-tools button,.compact-segment button{min-height:36px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:7px;font-size:10px;font-weight:600;transition:all .16s;display:flex}.segmented-control button:hover,.editor-tools button:hover,.compact-segment button:hover{color:var(--text)}.segmented-control button.is-selected,.editor-tools button.is-selected,.compact-segment button.is-selected{color:var(--text);background:#ffffff13;border-color:#ffffff1a;box-shadow:0 4px 12px #0000001f}.mini-stone{border-radius:50%;width:14px;height:14px}.mini-stone--black{background:radial-gradient(circle at 35% 30%,#505456,#101213 60%,#050606);border:1px solid #ffffff29}.mini-stone--white{background:radial-gradient(circle at 35% 30%,#fff,#d8d1c5 70%,#aaa296);border:1px solid #fff9}.level-grid{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.level-grid button{border:1px solid var(--line);min-width:0;min-height:52px;color:var(--muted-strong);cursor:pointer;background:#ffffff05;border-radius:11px;place-content:center;gap:2px;padding:7px 2px;transition:all .17s;display:grid;position:relative}.level-grid button:hover{border-color:#ffffff2b;transform:translateY(-1px)}.level-grid button.is-selected{color:var(--gold-bright);background:linear-gradient(145deg,#d7ad6e24,#d7ad6e0b);border-color:#d7ad6e5c;box-shadow:inset 0 0 20px #d7ad6e09}.level-grid span{font-size:10px;font-weight:600}.level-grid small{color:inherit;opacity:.62;font-size:7px}.level-grid i{color:#1c140b;background:var(--gold-bright);letter-spacing:.08em;border-radius:5px;padding:2px 4px;font-size:6px;font-style:normal;font-weight:800;position:absolute;top:-5px;right:-3px}.engine-card{background:linear-gradient(145deg,#4ac1a80b,#ffffff06);border-color:#4ac1a81a}.engine-online{color:var(--muted);align-items:center;gap:5px;font-size:8px;font-weight:600;display:flex}.engine-online i{background:#8c9192;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #8c919214}.engine-online.is-online{color:var(--jade)}.engine-online.is-online i{background:var(--jade);box-shadow:0 0 0 3px #4ac1a81a,0 0 9px #4ac1a859}.stats-grid{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.stats-grid>span{text-align:center;background:#00000021;border-radius:10px;place-content:center;gap:4px;min-width:0;min-height:48px;padding:7px 4px;display:grid}.stats-grid small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.stats-grid strong{color:#d8ddd9;text-overflow:ellipsis;font-size:10px;font-weight:600;overflow:hidden}.engine-eval,.calculator-turn{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;margin-top:8px;padding-top:9px;font-size:9px;display:flex}.engine-eval strong{color:var(--jade);font-size:9px;font-weight:600}.history-card{min-height:98px}.move-history{scrollbar-width:thin;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;max-height:92px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.move-history li:not(.history-empty){min-height:27px;color:var(--muted-strong);background:#ffffff07;border-radius:7px;grid-template-columns:20px 12px 1fr;align-items:center;gap:5px;padding:4px 6px;font-size:9px;display:grid}.move-history li:last-child:not(.history-empty){color:var(--gold-bright);background:#d7ad6e14}.move-history .move-number{color:var(--muted);font-size:7px}.move-history .mini-stone{width:10px;height:10px}.history-empty{border:1px dashed var(--line);color:#ffffff47;text-align:center;border-radius:9px;grid-column:1/-1;padding:11px;font-size:9px}.engine-credit{color:#ffffff4d;text-align:center;margin:auto 8px 2px;font-size:8px;line-height:1.6}.engine-credit a{color:#d7ad6eb3;text-decoration:none}.editor-tools{grid-template-columns:repeat(3,1fr)}.editor-tools svg{width:14px;height:14px}.compact-segment{background:#00000026;border-radius:9px;gap:3px;padding:3px;display:flex}.compact-segment button{border-radius:7px;min-height:25px;padding:0 9px;font-size:8px}.calculator-actions{grid-template-columns:auto 1fr;gap:7px;margin-top:10px;display:grid}.subtle-button,.analyze-button,.dialog-primary{cursor:pointer;border-radius:10px;min-height:39px;font-size:9px;font-weight:600;transition:all .17s}.subtle-button{border:1px solid var(--line);color:var(--muted);background:0 0;padding:0 11px}.subtle-button:hover{color:var(--text);background:#ffffff0b}.analyze-button{color:#091411;background:linear-gradient(135deg,#66d5bd,#3aa58e);border:1px solid #4ac1a83d;justify-content:center;align-items:center;gap:7px;display:flex;box-shadow:0 8px 20px #298c7724}.analyze-button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.analyze-button:disabled{opacity:.48;cursor:wait}.principal-variation{border-top:1px solid var(--line);margin-top:9px;padding-top:9px}.principal-variation>span{color:var(--muted);margin-bottom:7px;font-size:8px;display:block}.principal-variation ol{scrollbar-width:none;gap:4px;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.principal-variation li{color:#9bd3c6;background:#4ac1a80e;border:1px solid #4ac1a81a;border-radius:6px;flex:none;padding:4px 6px;font-size:8px}.principal-variation li:first-child{color:var(--gold-bright);background:#d7ad6e12;border-color:#d7ad6e2e}.result-dialog{width:min(420px,100% - 32px);color:var(--text);text-align:center;background:linear-gradient(150deg,#202222,#121616);border:1px solid #d7ad6e38;border-radius:26px;padding:36px 34px 30px;overflow:hidden;box-shadow:0 38px 100px #0000008f}.result-glow{filter:blur(60px);pointer-events:none;background:#d39e552e;border-radius:50%;width:320px;height:240px;position:absolute;top:-160px;left:50%;transform:translate(-50%)}.dialog-close{border:1px solid var(--line);width:30px;height:30px;color:var(--muted);cursor:pointer;background:#ffffff08;border-radius:9px;place-items:center;padding:0 0 2px;font-size:19px;display:grid;position:absolute;top:14px;right:14px}.result-emblem{width:68px;height:68px;color:var(--gold-bright);background:linear-gradient(145deg,#d7ad6e29,#d7ad6e08);border:1px solid #d7ad6e57;border-radius:22px;place-items:center;margin:0 auto 17px;font-family:Noto Sans SC,serif;font-size:26px;font-weight:600;display:grid;position:relative;box-shadow:inset 0 0 24px #d7ad6e0f,0 10px 30px #0003}.result-dialog>small{color:var(--gold);letter-spacing:.18em;text-transform:uppercase;font-size:9px;font-weight:700}.result-dialog h2{margin:8px 0 6px;font-size:24px;font-weight:600}.result-dialog>p{color:var(--muted);margin:0 auto;font-size:11px;line-height:1.7}.result-stats{grid-template-columns:repeat(3,1fr);gap:6px;margin:22px 0;display:grid}.result-stats div{background:#ffffff09;border-radius:11px;gap:4px;padding:10px 5px;display:grid}.result-stats dt{color:var(--muted);font-size:8px}.result-stats dd{margin:0;font-size:11px;font-weight:600}.dialog-primary{color:#1c150c;background:linear-gradient(135deg,#edc782,#bf8849);border:0;width:100%;min-height:45px;box-shadow:0 10px 28px #b97f3e33}.toast{z-index:100;border:1px solid var(--line-strong);max-width:min(340px,100% - 32px);color:var(--text);opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1c1f20eb;border-radius:11px;padding:10px 13px;font-size:10px;transition:all .18s;position:fixed;bottom:24px;right:24px;transform:translateY(8px);box-shadow:0 16px 40px #00000052}.toast.is-visible{opacity:1;transform:translateY(0)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1180px){.game-shell{grid-template-columns:minmax(540px,1fr) 330px}.scene-guide{display:none}}@media (max-width:920px){.topbar{width:min(100% - 24px,760px)}.game-shell{grid-template-columns:1fr;width:min(100% - 24px,760px);height:auto;min-height:0;margin-bottom:24px}.stage-card{height:min(72dvh,720px);min-height:520px}.control-panel{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:visible}.match-card,.engine-card,.calculator-card,.history-card,.engine-credit{grid-column:1/-1}.engine-credit{margin:4px}}@media (max-width:640px){body{padding-bottom:68px}.topbar{grid-template-columns:1fr auto;min-height:72px}.brand-copy small,.topbar-actions .icon-button:first-child{display:none}.mode-switch{right:50%;bottom:max(14px, env(safe-area-inset-bottom));z-index:80;position:fixed;transform:translate(50%);box-shadow:0 12px 32px #0000006b}.mode-switch button{min-height:42px}.game-shell{width:calc(100% - 16px)}.stage-card{border-radius:23px;height:min(68dvh,600px);min-height:430px}.scene-hud{top:12px;left:12px;right:12px}.status-pill,.thinking-pill{border-radius:13px;min-height:45px;padding:7px 10px 7px 7px}.turn-stone,.thinking-dots{width:30px;height:30px}.status-pill strong,.thinking-pill strong{font-size:11px}.thinking-pill small,.status-pill small{font-size:7px}.stage-actions{bottom:12px;right:12px}.action-button{min-height:39px}.action-button kbd{display:none}.control-panel{border-radius:23px;padding:10px;display:flex}.level-grid button{min-height:48px}.toast{bottom:78px;right:16px}}@media (max-height:760px) and (min-width:921px){.game-shell{min-height:610px}.control-panel{gap:9px;padding:11px}.setting-section,.engine-card,.history-card,.calculator-card{padding:11px}.history-card{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html,body,#app{width:100%;height:100%;min-height:100%;overflow:hidden}body{padding:0}.topbar{z-index:60;pointer-events:none;width:auto;min-height:52px;margin:0;padding:0;position:fixed;top:14px;left:16px;right:16px}.topbar>*{pointer-events:auto}.brand{border:1px solid var(--line);-webkit-backdrop-filter:blur(20px)saturate(130%);backdrop-filter:blur(20px)saturate(130%);background:#0c0f10a3;border-radius:16px;padding:6px 10px 6px 7px;box-shadow:0 10px 30px #0000002e}.brand-mark{border-radius:11px;width:38px;height:38px}.brand-copy strong{font-size:17px}.mode-switch{background:#0c0f10a3;border-color:#ffffff1a;box-shadow:0 10px 30px #0000002e}.topbar-actions{pointer-events:none;align-items:center}.topbar-actions>*{pointer-events:auto}.runtime-chip{color:#a4d9ce;letter-spacing:.03em;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b1513ad;border:1px solid #4ac1a824;border-radius:12px;align-items:center;gap:7px;min-height:40px;padding:0 11px;font-size:9px;font-weight:600;display:flex}.runtime-chip i{background:var(--jade);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #4ac1a81a,0 0 12px #4ac1a866}body.local-mode .runtime-chip{display:none}.game-shell{width:100%;height:100dvh;min-height:0;margin:0;display:block;position:fixed;inset:0}.stage-card{width:100%;height:100%;min-height:0;box-shadow:none;border:0;border-radius:0;position:absolute;inset:0}.scene-container{border-radius:0}.scene-hud{flex-direction:column;align-items:flex-start;width:min(430px,100% - 36px);top:80px;left:18px;right:auto}.thinking-pill{order:2}.scene-guide{bottom:18px;left:18px;transform:none}.stage-actions{bottom:18px;left:50%;right:auto;transform:translate(-50%)}.control-panel{z-index:55;-webkit-backdrop-filter:blur(30px)saturate(130%);backdrop-filter:blur(30px)saturate(130%);background:linear-gradient(155deg,#1b1f20e8,#0d1112f0);border-color:#ffffff1c;border-radius:24px;gap:0;width:392px;min-height:0;padding:0;transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .22s;display:flex;position:fixed;top:14px;bottom:14px;right:14px;overflow:hidden;transform:translate(0);box-shadow:-10px 24px 70px #0000006b}.control-panel.is-collapsed{opacity:0;pointer-events:none;transform:translate(calc(100% + 30px))}.panel-header{border-bottom:1px solid var(--line);background:#0c0f1059;justify-content:space-between;align-items:center;min-height:66px;padding:0 14px 0 18px;display:flex}.panel-header>span{gap:3px;display:grid}.panel-header small{color:var(--gold);letter-spacing:.18em;font-size:8px;font-weight:700}.panel-header strong{font-size:14px;font-weight:600}.panel-close{border:1px solid var(--line);width:34px;height:34px;color:var(--muted);cursor:pointer;background:#ffffff06;border-radius:10px;place-items:center;padding:0;display:grid}.panel-close:hover{color:var(--text);background:#fff1}.panel-close svg,.panel-restore svg,.professional-settings summary svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.panel-scroll{scrollbar-color:#ffffff1f transparent;scrollbar-width:thin;overscroll-behavior:contain;flex-direction:column;flex:1;gap:10px;min-height:0;padding:11px;display:flex;overflow:hidden auto}.panel-restore{z-index:54;min-height:40px;color:var(--gold-bright);cursor:pointer;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#121210b8;border:1px solid #d7ad6e38;border-radius:12px;align-items:center;gap:8px;padding:0 13px;font-size:10px;font-weight:600;display:flex;position:fixed;top:82px;right:16px;box-shadow:0 12px 30px #00000038;display:none!important}.panel-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#04060780;border:0;padding:0;position:fixed;inset:0}.professional-settings{border:1px solid var(--line);background:#ffffff07;border-radius:17px;flex:none;overflow:clip}.professional-settings summary{cursor:pointer;-webkit-user-select:none;user-select:none;grid-template-columns:1fr auto auto;align-items:center;gap:9px;min-height:54px;padding:0 13px;list-style:none;display:grid}.professional-settings summary::-webkit-details-marker{display:none}.professional-settings summary>span:first-child{gap:2px;display:grid}.professional-settings summary small{color:#d7ad6eb8;letter-spacing:.16em;font-size:7px;font-weight:700}.professional-settings summary strong{font-size:11px;font-weight:600}.professional-settings summary svg{color:var(--muted);transition:transform .18s}.professional-settings[open] summary svg{transform:rotate(180deg)}.summary-value{color:var(--muted);font-size:8px}.professional-body{border-top:1px solid var(--line);background:#00000014;gap:13px;padding:12px 13px 14px;display:grid}.two-column-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.field-control,.range-control{gap:7px;min-width:0;display:grid}.field-control>span:first-child,.range-control b{color:var(--muted-strong);font-size:9px;font-weight:600}.field-control>small,.range-control>small{color:#ffffff52;font-size:7px;line-height:1.5}.field-control select,.field-control input[type=number]{width:100%;min-width:0;min-height:35px;color:var(--text);background:#070a0b8a;border:1px solid #ffffff17;border-radius:9px;outline:none;padding:0 9px;font-size:9px}.range-control>span:first-child{justify-content:space-between;align-items:center;gap:10px;display:flex}.range-control output{color:var(--gold-bright);font-size:9px;font-weight:600}.range-control input[type=range]{width:100%;height:4px;accent-color:var(--gold);cursor:pointer;margin:5px 0}.input-with-unit>span:last-child{display:block;position:relative}.input-with-unit input[type=number]{padding-right:50px}.input-with-unit i{color:#ffffff4d;pointer-events:none;font-size:7px;font-style:normal;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.compact-fields{gap:10px}.toggle-stack{grid-column:1/-1;gap:7px;display:grid}.switch-control{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:34px;display:flex}.switch-control>span:first-child{color:var(--muted-strong);gap:2px;font-size:9px;font-weight:600;display:grid}.switch-control small{color:#ffffff4d;font-size:7px;font-weight:400}.switch-control input{opacity:0;pointer-events:none;position:absolute}.switch-control i{background:#00000047;border:1px solid #ffffff1a;border-radius:99px;flex:none;width:32px;height:18px;transition:all .16s;position:relative}.switch-control i:after{content:"";background:#7d8282;border-radius:50%;width:12px;height:12px;transition:all .16s;position:absolute;top:2px;left:2px}.switch-control input:checked+i:after{background:var(--jade);transform:translate(14px);box-shadow:0 0 9px #4ac1a866}.switch-control input:focus-visible+i{outline:2px solid var(--gold-bright);outline-offset:2px}.runtime-strip{grid-template-columns:1.2fr .7fr 1fr;gap:4px;margin-top:8px;display:grid}.runtime-strip>span{background:#4ac1a809;border-radius:8px;gap:3px;min-width:0;padding:7px;display:grid}.runtime-strip small{color:var(--muted);font-size:7px}.runtime-strip strong{color:#a4d9ce;text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:600;overflow:hidden}.candidate-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:7px;display:grid}.candidate-list>span{color:#a5d8cd;background:#4ac1a80b;border:1px solid #4ac1a81a;border-radius:7px;gap:2px;padding:6px;font-size:8px;display:grid}.candidate-list small{color:var(--muted);font-size:6px}@media (min-width:721px){body.panel-collapsed .scene-hud{right:auto}}@media (min-width:921px){body:not(.panel-collapsed) .runtime-chip,body:not(.panel-collapsed) #settings-toggle{display:none}body:not(.panel-collapsed) .panel-close{margin-right:126px}}@media (max-width:920px){.topbar{width:auto}.game-shell,.stage-card{width:100%;height:100dvh;min-height:0;margin:0}.control-panel{opacity:0;pointer-events:none;grid-template-columns:none;width:min(392px,100% - 16px);max-width:none;display:flex;top:68px;bottom:74px;right:8px;transform:translate(calc(100% + 26px))}.control-panel.is-open{opacity:1;pointer-events:auto;transform:translate(0)}.panel-restore{top:74px;right:10px}.panel-backdrop:not([hidden]){display:block}.stage-card{border-radius:0}}@media (max-width:640px){body{padding:0}.topbar{grid-template-columns:1fr auto;top:8px;left:8px;right:8px}.brand-copy small,.runtime-chip,.topbar-actions .icon-button:first-of-type{display:none}.brand{padding-right:8px}.mode-switch{right:50%;bottom:max(10px, env(safe-area-inset-bottom));justify-content:center;width:min(100% - 16px,390px)}.mode-switch button{gap:5px;min-width:0;padding-inline:10px;font-size:11px}.mode-switch button span{white-space:nowrap}.scene-hud{width:calc(100% - 20px);top:72px;left:10px;right:10px}.status-pill,.thinking-pill{max-width:74vw}.stage-actions{bottom:64px}.scene-guide{display:none}.panel-header{min-height:58px}.panel-scroll{padding:8px}.professional-body{padding:11px}.two-column-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-restore{top:auto;bottom:66px;right:10px}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f9fc;--panel:#ffffffb8;--panel-strong:#fff;--panel-soft:#ffffff80;--line:#27324a1a;--line-strong:#27324a29;--text:#27324a;--muted:#75809a;--muted-strong:#59657e;--gold:#635bff;--gold-bright:#635bff;--jade:#38bdf8;--danger:#dc6b74;--shadow:0 20px 54px -26px #323e6c47}html{background:var(--bg)}body{color:var(--text);background:radial-gradient(circle at 8% 12%,#635bff1f,#0000 28%),radial-gradient(circle at 92% 16%,#38bdf81f,#0000 30%),radial-gradient(circle at 76% 92%,#a855f712,#0000 34%),#f6f9fc}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline-color:#635bff}.ambient-orb{filter:blur(108px);opacity:.2}.ambient-orb--gold{background:#756bff;top:-26vw;left:5vw}.ambient-orb--jade{background:#56c7f0;bottom:-24vw;right:-24vw}.ambient-grid{opacity:.016;background-image:linear-gradient(#4755696b 1px,#0000 1px),linear-gradient(90deg,#4755696b 1px,#0000 1px)}.topbar{-webkit-backdrop-filter:blur(18px)saturate(1.08);background:#e5e7ec75;border:.5px solid #fffffff0;border-radius:20px;width:min(100% - 32px,1400px);min-height:70px;margin-top:18px;padding:9px 14px;box-shadow:0 10px 40px -10px #26305a2e}.brand-mark{background:linear-gradient(145deg,#ffffffd6,#635bff14);border-color:#635bff2e;box-shadow:inset 0 1px #ffffffe6,0 8px 18px -14px #635bff73}.brand-mark i{border-color:#635bff6b}.brand-mark b{background:#635bff;box-shadow:0 0 14px #635bff6b}.brand-copy strong{color:var(--text);letter-spacing:.13em}.mode-switch{background:#ffffff7a;border:.5px solid #ffffffe0;box-shadow:inset 0 1px #ffffffc7}.mode-switch button:hover{color:var(--text);background:#ffffff80}.mode-switch button.is-selected{color:#4f46e5;background:#635bff1c;box-shadow:inset 0 0 0 .5px #635bff24}.runtime-chip,.icon-button{color:var(--muted-strong);background:#ffffff94;border:.5px solid #ffffffe0;box-shadow:inset 0 1px #ffffffc2}.icon-button:hover,.icon-button.is-on{color:#635bff;background:#635bff14;border-color:#635bff33}.icon-button:after{color:#fff;background:#27324a}.game-shell{gap:16px;width:min(100% - 32px,1400px);height:calc(100dvh - 112px);min-height:640px;margin:14px auto 10px}.stage-card,.control-panel{box-shadow:var(--shadow), inset 0 1px #ffffffb8;border:.5px solid #fffffff0}.stage-card{-webkit-backdrop-filter:blur(22px);background:radial-gradient(circle at 72% 18%,#635bff1a,#0000 34%),radial-gradient(circle at 22% 82%,#38bdf81a,#0000 38%),#ffffff94}.scene-container:after{box-shadow:inset 0 0 70px #4e5c8214}.status-pill,.thinking-pill,.scene-guide,.action-button{-webkit-backdrop-filter:blur(16px);background:#ffffffb3;border:.5px solid #ffffffe6;box-shadow:0 10px 30px -18px #323e6c47,inset 0 1px #ffffffdb}.status-pill,.thinking-pill,.action-button{color:var(--text)}.scene-guide{color:var(--muted)}.scene-guide kbd,.action-button kbd{color:var(--muted-strong);background:#27324a0b;border-color:#27324a1a}.scene-guide span{background:#27324a3d}.action-button:hover:not(:disabled){color:#4f46e5;background:#ffffffd6;border-color:#635bff33}.action-button--primary,.dialog-primary,.analyze-button{color:#fff;background:linear-gradient(135deg,#635bff,#4f7df3);border-color:#0000;box-shadow:0 12px 28px -16px #635bff80,inset 0 1px #ffffff3d}.action-button--primary kbd{color:#ffffffe0;background:#ffffff1f;border-color:#ffffff47}.control-panel{-webkit-backdrop-filter:blur(26px)saturate(1.05);background:#f6f9fccc}.panel-header{border-bottom-color:var(--line);background:#ffffff75}.panel-close,.panel-restore,.info-button,.subtle-button,.dialog-close{color:var(--muted-strong);background:#ffffffa3;border-color:#ffffffe6;box-shadow:inset 0 1px #ffffffd6}.panel-close:hover,.panel-restore:hover,.info-button:hover,.subtle-button:hover,.dialog-close:hover{color:#635bff;background:#635bff14}.match-card,.setting-section,.engine-card,.history-card,.calculator-card,.professional-settings{background:#fff9;border-color:#ffffffeb;box-shadow:0 10px 32px -24px #323e6c33,inset 0 1px #ffffffc7}.player-row,.stats-grid>span,.runtime-strip>span,.engine-eval,.calculator-turn,.principal-variation,.candidate-list>span{border-color:var(--line);background:#ffffff75}.player-state.is-active,.engine-online.is-online{color:#0f9f70;background:#0f9f7014}.segmented-control,.editor-tools,.compact-segment,.level-grid{background:#27324a09;border-color:#ffffffe6}.segmented-control button,.editor-tools button,.compact-segment button,.level-grid button{color:var(--muted-strong);background:0 0}.segmented-control button:hover,.editor-tools button:hover,.compact-segment button:hover,.level-grid button:hover{color:var(--text);background:#ffffffa3}.segmented-control button.is-selected,.editor-tools button.is-selected,.compact-segment button.is-selected,.level-grid button.is-selected{color:#4f46e5;background:#635bff17;border-color:#635bff29;box-shadow:inset 0 1px #ffffffc7}.professional-settings summary{border-color:var(--line);background:#ffffff47}.professional-settings[open] summary{border-bottom-color:var(--line)}.field-control select,.field-control input[type=number]{color:var(--text);background-color:#ffffffb8;border-color:#27324a1a}.field-control select:focus,.field-control input[type=number]:focus{border-color:#635bff52;box-shadow:0 0 0 3px #635bff14}.range-control input[type=range]{accent-color:#635bff}.switch-control i{background:#27324a14;border-color:#27324a1f}.switch-control input:checked+i{background:#635bff;border-color:#635bff3d}.history-empty,.engine-credit,.local-rule-note,.summary-value,.setting-note,.field-control>small,.range-control>small{color:var(--muted)}.result-dialog{color:var(--text);-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);background:radial-gradient(circle at 50% 0,#635bff1a,#0000 42%),#fafcfff0;border-color:#fffffff0;box-shadow:0 28px 80px -34px #1e295061,inset 0 1px #ffffffeb}.result-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#27324a33}.result-emblem{color:#635bff;background:#635bff14;box-shadow:inset 0 0 0 1px #635bff1f}.toast{color:var(--text);background:#ffffffe0;border-color:#ffffffeb;box-shadow:0 16px 42px -22px #323e6c57}@media (max-width:920px){.topbar{background:#f6f9fce6;width:min(100% - 20px,1400px);margin-top:10px}.game-shell{width:min(100% - 20px,1400px);height:calc(100dvh - 98px);margin-top:10px}.control-panel{background:#f6f9fcf2}}@media (max-width:640px){.topbar{border-radius:16px;width:auto;margin-top:0;top:8px;left:8px;right:8px}.stage-card{border-radius:22px}}