:root{color-scheme:dark;--bg:#11131a;--panel:#181b24;--panel-2:#1d202b;--line:#2a2e3a;--text:#f3f2f7;--muted:#9296a6;--soft:#c1c3cd;--lime:#c7f36b;--violet:#a99aff;--orange:#ff9b73;--mono:ui-monospace,"SFMono-Regular",Consolas,monospace;--sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 78% 4%,rgba(110,93,186,.14),transparent 34%),var(--bg);color:var(--text);font-family:var(--sans);font-size:14px}.page-shell{max-width:1320px;margin:0 auto;padding:0 52px}.topbar{height:76px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between}.brand{color:var(--text);text-decoration:none;display:flex;align-items:center;gap:12px;font:500 10px var(--mono);letter-spacing:.14em}.brand b{color:var(--muted);font-weight:400}.brand-mark{width:22px;height:22px;position:relative;display:block}.brand-mark:before,.brand-mark:after{content:"";position:absolute;background:var(--lime);border-radius:2px}.brand-mark:before{width:2px;height:18px;left:10px;top:2px}.brand-mark:after{height:2px;width:18px;left:2px;top:10px}.brand-mark i{position:absolute;width:5px;height:5px;background:var(--lime);border:1px solid var(--bg);border-radius:50%;z-index:1}.brand-mark i:nth-child(1){left:8px;top:0}.brand-mark i:nth-child(2){left:8px;bottom:0}.brand-mark i:nth-child(3){left:0;top:8px}.brand-mark i:nth-child(4){right:0;top:8px}.topbar-tag{font:10px var(--mono);letter-spacing:.14em;color:#aeb1bd;display:flex;align-items:center;gap:9px}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px #c7f36b90}.hero{display:grid;grid-template-columns:1.05fr .95fr;min-height:390px;align-items:center;padding:54px 0 42px;border-bottom:1px solid rgba(255,255,255,.08)}.eyebrow{margin:0 0 22px;color:var(--muted);font:10px var(--mono);letter-spacing:.14em;display:flex;align-items:center;gap:11px}.eyebrow-line{width:24px;height:1px;background:#555967}.hero h1{font-size:clamp(42px,5.6vw,74px);line-height:.99;letter-spacing:-.065em;margin:0;font-weight:600}.hero h1 em,.explain-intro h2 em{font-family:Georgia,serif;color:var(--lime);font-weight:400;letter-spacing:-.055em}.hero-lede{max-width:470px;color:#a9acb8;font-size:14px;line-height:1.8;margin:23px 0}.hero-meta{display:flex;gap:16px;align-items:center;color:#888d9c;font:10px var(--mono)}.model-chip{display:flex;align-items:center;gap:8px;border:1px solid #343844;padding:8px 10px;border-radius:5px;color:#d4d5dd}.chip-icon{color:var(--lime);font-size:14px}.hero-art{height:290px;position:relative;overflow:hidden}.orbit{position:absolute;border:1px solid #333443;border-radius:50%;transform:rotate(-23deg);left:50%;top:50%;translate:-50% -50%}.orbit-one{width:380px;height:170px}.orbit-two{width:300px;height:260px;transform:rotate(48deg);border-color:#272b37}.tree-lines{position:absolute;width:100%;height:100%;inset:0;stroke:#56546c;stroke-width:1.2;stroke-dasharray:3 5}.tree-lines .line-hot{stroke:var(--lime);stroke-width:1.6;stroke-dasharray:none;filter:drop-shadow(0 0 5px #c7f36b80)}.art-node{position:absolute;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font:10px var(--mono);z-index:2;background:#222433;border:1px solid #68627e;color:#d9d4ff;box-shadow:0 0 22px #0d0e14}.node-root{left:calc(50% - 20px);top:48px;background:var(--lime);color:#171a16;border:0;width:48px;height:48px;left:calc(50% - 24px);font-size:8px;font-weight:500}.node-a{left:calc(50% - 168px);top:132px}.node-b{left:calc(50% - 20px);top:132px}.node-c{right:calc(50% - 168px);top:132px}.node-leaf{left:calc(50% - 183px);top:222px;width:30px;height:30px;background:#292e26;border-color:var(--lime);color:var(--lime)}.art-caption{position:absolute;bottom:13px;right:0;color:#6f7382;font:8px var(--mono);letter-spacing:.12em}.workspace{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;padding:25px 0 40px}.panel{background:linear-gradient(145deg,#1b1e27,#171a22);border:1px solid #292d38;border-radius:8px}.play-panel,.insight-panel{padding:23px}.panel-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2b2e39;padding-bottom:17px}.eyebrow.small{font-size:9px;margin:0 0 7px}.panel-heading h2{margin:0;font-size:18px;font-weight:600;letter-spacing:-.03em}.turn-badge{display:flex;align-items:center;gap:7px;color:#aeb1bd;border:1px solid #303440;padding:7px 10px;border-radius:4px;font:9px var(--mono)}.turn-badge i{width:6px;height:6px;border-radius:50%;background:var(--lime)}.turn-badge.ai-turn i{background:var(--violet)}.turn-badge.finished i{background:var(--orange)}.game-area{display:grid;grid-template-columns:minmax(220px,1fr) minmax(190px,.72fr);gap:22px;padding-top:21px}.board-wrap{align-self:center}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:342px;margin:0 auto}.cell{aspect-ratio:1/1;border-radius:7px;border:1px solid #373b48;background:#20232d;display:grid;place-items:center;font:600 clamp(32px,5vw,58px) var(--sans);color:var(--text);cursor:pointer;transition:transform .15s,border-color .15s,background .15s}.cell:hover:enabled{transform:translateY(-2px);background:#272a35;border-color:#72758a}.cell:disabled{cursor:default}.cell.mark-X{color:var(--lime)}.cell.mark-O{color:var(--violet)}.cell.winning{background:#292f22;border-color:var(--lime);box-shadow:inset 0 0 24px #c7f36b12}.board-foot{display:flex;justify-content:center;gap:28px;margin-top:14px;font:8px var(--mono);letter-spacing:.1em;color:#858998}.board-foot b{font-size:11px;margin-right:5px}.mark-x{color:var(--lime)}.mark-o{color:var(--violet)}.game-controls{display:flex;flex-direction:column;align-self:center}.result-card{display:flex;align-items:center;gap:10px;min-height:51px;margin-bottom:13px}.result-icon{width:29px;height:29px;border:1px solid #3c414f;border-radius:50%;display:grid;place-items:center;color:var(--lime);font-size:14px}.result-card strong{display:block;font-size:11px;font-weight:600}.result-card p{margin:3px 0 0;color:#8d91a0;font-size:9px;line-height:1.4}.primary-button{border:0;background:var(--lime);color:#171a15;border-radius:5px;min-height:41px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font:600 10px var(--sans);cursor:pointer;transition:filter .15s,transform .15s}.primary-button:hover:enabled{filter:brightness(1.07);transform:translateY(-1px)}.primary-button:disabled{background:#30343c;color:#777b87;cursor:not-allowed}.primary-button b{font-size:14px}.quiet-button{border:0;background:transparent;color:#9a9daa;font:10px var(--sans);padding:12px 4px 3px;text-align:left;cursor:pointer}.quiet-button span{color:#d6d7df;margin-left:4px;font-size:13px}.control-divider{height:1px;background:#2d303b;margin:16px 0 13px}.slider-label{display:flex;justify-content:space-between;color:#9296a5;font:8px var(--mono);letter-spacing:.1em}.slider-label output{color:#e3e3e9;font-size:9px}input[type=range]{appearance:none;width:100%;height:3px;background:#383c49;border-radius:4px;margin:12px 0 2px;accent-color:var(--lime)}input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border:2px solid var(--bg);background:var(--lime);border-radius:50%;box-shadow:0 0 0 1px var(--lime);cursor:pointer}.range-ends{display:flex;justify-content:space-between;color:#666b79;font:8px var(--mono)}.exploration-label{margin-top:15px}.tree-glyph{width:28px;height:28px;border:1px solid #393d4b;border-radius:50%;display:grid;place-items:center;color:var(--lime);font-size:14px}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);padding:17px 0 15px;border-bottom:1px solid #2b2e39}.stat{display:flex;flex-direction:column;gap:5px}.stat span{color:#818695;font:8px var(--mono);letter-spacing:.1em}.stat strong{font-size:17px;font-weight:600;letter-spacing:-.03em}.tree-card{margin-top:14px;border:1px solid #2c303b;background:#151820;border-radius:5px;overflow:hidden}.tree-card-head,.trace-head{display:flex;justify-content:space-between;padding:10px 11px;border-bottom:1px solid #292d37;color:#868a98;font:8px var(--mono);letter-spacing:.08em}.candidate-list{padding:4px 10px 8px;min-height:81px}.empty-tree{text-align:center;padding:10px 0 6px;color:#797e8d}.empty-tree-icon{font-size:18px;color:#a99aff}.empty-tree p{font-size:9px;line-height:1.6;margin:5px}.candidate-row{display:grid;grid-template-columns:32px 1fr 66px;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #242731}.candidate-row:last-child{border-bottom:0}.move-name{color:#e9e7f0;font:10px var(--mono)}.move-name b{color:var(--violet);font-weight:500}.move-meter{height:4px;background:#292d38;border-radius:4px;overflow:hidden;margin-top:5px}.move-meter i{display:block;height:100%;background:linear-gradient(90deg,#8172d6,var(--lime));border-radius:4px;transition:width .25s}.move-stats{text-align:right;font:8px var(--mono);color:#bfc1cb}.move-stats small{display:block;color:#818594;margin-top:3px}.trace-card{margin-top:11px;border:1px solid #2b2e39;border-radius:5px;background:#151820}.trace-head{border-bottom:0;padding-bottom:4px}.trace-pulse{width:5px;height:5px;border-radius:50%;background:var(--violet);box-shadow:0 0 8px #a99aff}.trace-card p{font:9px/1.6 var(--mono);color:#b8bac5;padding:0 11px 10px;margin:0;min-height:24px}.phase-list{display:grid;grid-template-columns:1fr 1fr;margin-top:13px;gap:6px}.phase-item{min-height:49px;padding:7px 8px;border:1px solid #292d37;border-radius:4px;display:grid;grid-template-columns:21px 1fr 12px;align-items:center;gap:5px;color:#7d8290;transition:border-color .2s,background .2s}.phase-item.active{border-color:#655c91;background:#282635;color:#e3e0f1}.phase-number{font:8px var(--mono);color:#797d8c}.phase-item.active .phase-number,.phase-item.active i{color:var(--lime)}.phase-item b{display:block;font-size:8px;font-weight:600}.phase-item small{display:block;margin-top:3px;font-size:7px;color:#878b98}.phase-item i{font-style:normal;color:#777b88;font-size:10px}.explain-strip{display:grid;grid-template-columns:.75fr 1fr 1fr;align-items:center;gap:36px;padding:31px 0 37px;border-top:1px solid rgba(255,255,255,.08)}.explain-intro h2{font-size:22px;letter-spacing:-.04em;line-height:1.15;margin:0}.explain-strip>p{font-size:11px;line-height:1.8;color:#999daa;margin:0}.formula-card{border:1px solid #2d303a;border-radius:5px;background:#171a22;padding:13px}.formula-card span{display:block;font:8px var(--mono);color:#8c909d;letter-spacing:.08em;margin-bottom:9px}.formula-card code{display:block;color:var(--lime);font:10px var(--mono);white-space:normal;line-height:1.5}.formula-card small{display:block;color:#737886;font:8px var(--sans);margin-top:7px}footer{height:54px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center;color:#737786;font:8px var(--mono);letter-spacing:.08em}footer b{color:var(--lime);padding:0 4px}
@media(max-width:930px){.page-shell{padding:0 28px}.hero{grid-template-columns:1fr .8fr}.workspace{grid-template-columns:1fr}.insight-panel{min-height:unset}.game-area{grid-template-columns:minmax(260px,1fr) minmax(210px,.7fr)}.explain-strip{gap:22px}}@media(max-width:650px){.page-shell{padding:0 17px}.topbar{height:61px}.topbar-tag{font-size:8px}.hero{grid-template-columns:1fr;padding:43px 0 25px;min-height:unset}.hero h1{font-size:53px}.hero-lede{font-size:13px}.hero-art{height:210px;margin-top:15px}.orbit-one{width:300px;height:135px}.orbit-two{width:240px;height:205px}.tree-lines{height:220px;top:-4px}.node-root{top:25px}.node-a,.node-b,.node-c{top:101px}.node-leaf{top:178px}.art-caption{bottom:0}.workspace{padding-top:15px;gap:11px}.play-panel,.insight-panel{padding:16px}.game-area{grid-template-columns:1fr;gap:18px}.board{max-width:330px;gap:7px}.cell{font-size:58px}.game-controls{max-width:420px;width:100%;margin:0 auto}.phase-list{gap:5px}.explain-strip{grid-template-columns:1fr;gap:15px;padding:25px 0}.explain-intro h2 br{display:none}.explain-strip>p{max-width:530px}.formula-card{max-width:500px}footer{font-size:7px}}