:root{--bg:#07100d;--surface:rgba(14,27,22,.88);--raised:rgba(21,37,30,.9);--text:#f3f1e8;--muted:#a5b2aa;--subtle:#75857c;--jade:#8fe3a7;--gold:#d7ad62;--danger:#f08c7d;--line:rgba(215,173,98,.16);--soft:rgba(255,255,255,.08);--focus:#d9f59d;--ease:180ms ease}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-width:320px;min-height:100dvh;overflow-x:hidden;color:var(--text);background:radial-gradient(circle at 52% 18%,rgba(39,82,59,.3),transparent 32%),linear-gradient(115deg,rgba(4,12,9,.92),rgba(8,20,15,.7)),var(--bg);font-family:Inter,Noto Sans SC,ui-sans-serif,system-ui,sans-serif}body:after,body:before{content:"";position:fixed;z-index:-1;pointer-events:none}body:before{inset:8% -8% auto;height:45%;opacity:.28;background:radial-gradient(ellipse at 18% 100%,#315d48 0 8%,transparent 9%),radial-gradient(ellipse at 30% 100%,#183b2b 0 16%,transparent 17%),radial-gradient(ellipse at 76% 100%,#294f3d 0 12%,transparent 13%),radial-gradient(ellipse at 91% 100%,#173426 0 19%,transparent 20%)}body:after{inset:auto 0 0;height:34%;opacity:.2;background:linear-gradient(0deg,#326047,transparent);-webkit-clip-path:polygon(0 70%,13% 38%,25% 72%,42% 30%,58% 76%,73% 42%,88% 68%,100% 35%,100% 100%,0 100%);clip-path:polygon(0 70%,13% 38%,25% 72%,42% 30%,58% 76%,73% 42%,88% 68%,100% 35%,100% 100%,0 100%)}a,button,input{font:inherit}button{color:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.arena{height:100dvh;min-height:620px;display:flex;flex-direction:column}.topbar{flex:0 0 64px;justify-content:space-between;gap:20px;padding:0 clamp(18px,3vw,48px);border-bottom:1px solid var(--line);background:rgba(5,14,10,.76);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10}.brand,.hud-actions,.mode-switch,.topbar{display:flex;align-items:center}.brand{min-width:max-content;gap:10px;color:var(--text);text-decoration:none;font-weight:750}.brand-mark{width:38px;height:38px;display:grid;place-items:center;color:var(--jade);border:1px solid rgba(143,227,167,.28);border-radius:12px;background:rgba(143,227,167,.07)}.brand small{padding-left:12px;border-left:1px solid var(--soft);color:var(--subtle);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.hud-actions{gap:12px}.mode-switch{padding:4px;border:1px solid var(--soft);border-radius:12px;background:rgba(4,10,7,.62)}.mode-switch button{min-height:38px;padding:0 14px;border:0;border-radius:9px;cursor:pointer;display:flex;align-items:center;gap:7px;color:var(--muted);background:transparent;font-size:12px;font-weight:700;transition:color var(--ease),background var(--ease),box-shadow var(--ease)}.mode-switch svg{width:16px}.mode-switch button.active{color:var(--text);background:var(--raised);box-shadow:inset 0 0 0 1px rgba(143,227,167,.16)}.api-pill{min-height:44px;padding:0 14px;display:flex;align-items:center;gap:8px;border:1px solid var(--soft);border-radius:999px;cursor:pointer;color:var(--muted);background:rgba(255,255,255,.03);font-size:11px}.api-pill>span{width:7px;height:7px;border-radius:50%;background:var(--danger)}.api-pill.ready>span{background:var(--jade);box-shadow:0 0 10px var(--jade)}.api-pill.missing{color:#f1b5aa}.game-shell{flex:1 1;width:100%;padding:16px clamp(16px,2vw,30px) 18px;display:grid;grid-template-columns:minmax(210px,250px) minmax(440px,1fr) minmax(230px,280px);grid-gap:clamp(12px,1.2vw,20px);gap:clamp(12px,1.2vw,20px);align-items:stretch}.game-shell,.panel{min-height:0;overflow:hidden}.panel{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:20px;background:linear-gradient(150deg,var(--raised),var(--surface));box-shadow:0 24px 60px rgba(0,0,0,.28);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.panel-heading{flex:0 0 56px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--soft);font-size:12px;font-weight:800;letter-spacing:.06em}.icon-button,.modal-close{width:44px;height:44px;border:0;border-radius:10px;cursor:pointer;display:grid;place-items:center;color:var(--muted);background:transparent}.icon-button:hover,.modal-close:hover{color:var(--text);background:rgba(255,255,255,.06)}.setting{padding:16px 18px;border-bottom:1px solid var(--soft)}.section-label,.setting label{display:flex;justify-content:space-between;margin-bottom:10px;color:var(--subtle);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.segmented{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px}.segmented button{min-height:44px;border:1px solid var(--soft);border-radius:9px;cursor:pointer;color:var(--muted);background:rgba(3,10,6,.4)}.segmented button.selected{border-color:rgba(143,227,167,.46);color:var(--text);background:rgba(143,227,167,.09)}.turn-card{margin:16px 18px;padding:13px;display:flex;align-items:center;gap:12px;border:1px solid var(--soft);border-radius:12px;background:rgba(3,10,7,.5)}.turn-card small{display:block;margin-bottom:3px;color:var(--subtle);font-size:10px}.turn-card strong{font-size:13px}.turn-stone{flex:0 0 28px;width:28px;height:28px;border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.45)}.turn-stone.red{background:linear-gradient(145deg,#e05b4c,#8c211d)}.turn-stone.black{background:linear-gradient(145deg,#4c574f,#070a08)}.thinking-dots{margin-left:auto;display:flex;gap:4px}.thinking-dots i{width:5px;height:5px;border-radius:50%;background:var(--jade);animation:pulse 1s infinite}.thinking-dots i:nth-child(2){animation-delay:.16s}.thinking-dots i:nth-child(3){animation-delay:.32s}@keyframes pulse{50%{opacity:.25;transform:translateY(-2px)}}.wide-button{min-height:44px;margin:0 18px 16px;border:0;border-radius:9px;cursor:pointer;color:#07100a;background:var(--jade);font-size:12px;font-weight:850}.move-list{flex:1 1;min-height:100px;padding:16px 18px;border-top:1px solid var(--soft);overflow-y:auto;scrollbar-width:thin}.empty{margin:28px 0;color:var(--subtle);font-size:12px;text-align:center}.move-row{display:grid;grid-template-columns:26px 1fr;align-items:center;grid-gap:10px;gap:10px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.05)}.move-no{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;font-size:9px}.move-no.red{color:#ffd9d2;background:#792b27}.move-no.black{color:#d9e0dc;background:#25302a}.move-row strong{margin-left:auto;font:700 11px ui-monospace,monospace}.xiangqi-wrap{min-width:0;min-height:0;width:min(100%,calc((100dvh - 124px)*.92));padding:clamp(14px,2vh,22px) clamp(18px,2.2vw,34px) 12px;display:flex;flex-direction:column;justify-content:center;border:1px solid rgba(226,185,116,.46);border-radius:22px;background:linear-gradient(145deg,#d7a65f,#a96734);box-shadow:0 35px 90px rgba(0,0,0,.52),inset 0 0 24px rgba(255,229,168,.22)}.xiangqi-board,.xiangqi-wrap{position:relative;margin:auto}.xiangqi-board{width:100%;max-height:calc(100dvh - 156px);aspect-ratio:8/9;display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(10,1fr);background-color:#c89450;background-image:linear-gradient(#6b411d 1px,transparent 0),linear-gradient(90deg,#6b411d 1px,transparent 0),radial-gradient(circle at 50% 44%,rgba(255,225,159,.38),transparent 45%);background-size:12.5% 11.111%,12.5% 11.111%,100% 100%;background-position:50%;border:3px solid #603817;box-shadow:inset 0 0 45px rgba(69,35,12,.32)}.x-cell{position:relative;z-index:2;min-width:0;border:0;padding:0;cursor:pointer;display:grid;place-items:center;background:transparent}.x-cell:hover .x-piece{filter:brightness(1.08)}.x-cell:focus-visible{outline:3px solid #17462f;outline-offset:-3px}.x-cell.target:after{content:"";width:13px;height:13px;border-radius:50%;background:#17613d;box-shadow:0 0 0 3px rgba(239,255,226,.6),0 0 15px rgba(23,97,61,.55)}.x-cell.target:has(.x-piece):after{position:absolute;width:76%;height:76%;border:4px solid #17613d;background:transparent}.x-cell.last{background:rgba(244,211,112,.3);box-shadow:inset 0 0 14px rgba(255,226,137,.4)}.x-piece{width:min(78%,52px);aspect-ratio:1;border:3px double;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 28%,#f7e4b7,#c58a42 76%);box-shadow:0 5px 10px rgba(55,25,7,.5),inset 0 0 0 2px rgba(255,245,210,.42);font-family:STKaiti,KaiTi,"Noto Serif SC",serif;font-size:clamp(20px,3.3vh,31px);font-weight:900;transition:filter var(--ease),transform var(--ease),box-shadow var(--ease)}.x-piece.red{color:#a52520}.x-piece.black{color:#17241d}.x-cell.selected .x-piece{transform:translateY(-3px);box-shadow:0 8px 18px rgba(30,22,8,.58),0 0 0 4px var(--focus),0 0 22px rgba(217,245,157,.7)}.river{position:absolute;z-index:1;inset:44.4% 0 auto;height:11.2%;display:flex;align-items:center;justify-content:space-around;color:#68401d;background:#c89450;font-family:STKaiti,KaiTi,serif;font-size:clamp(18px,3.2vh,30px);letter-spacing:.3em}.board-status{display:flex;justify-content:space-between;padding-top:9px;color:#513015;font-size:9px;font-weight:800;letter-spacing:.13em}.game-over{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:22px;background:rgba(3,9,6,.84);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.game-over small{color:var(--jade);letter-spacing:.18em}.game-over strong{margin:10px 0 20px;font-size:30px}.game-over button{min-height:44px;padding:0 20px;border:0;border-radius:9px;cursor:pointer;color:#07100a;background:var(--jade);font-weight:800}.live-dot{padding:5px 8px;border-radius:999px;color:var(--jade);background:rgba(143,227,167,.09);font-size:8px}.model-card,.primitive{margin:16px 18px;padding:14px;border:1px solid var(--soft);border-radius:11px;background:rgba(2,8,5,.38)}.model-card{border-color:rgba(143,227,167,.18)}.model-card small,.primitive span{display:block;color:var(--subtle);font-size:8px;letter-spacing:.14em}.model-card strong{display:block;margin:6px 0;font:700 12px ui-monospace,monospace}.model-card span,.primitive p{color:var(--subtle);font-size:9px;line-height:1.55}.decision-hero{position:relative;margin:0 18px 16px;padding:17px;border:1px solid rgba(215,173,98,.2);border-radius:12px;background:linear-gradient(135deg,rgba(215,173,98,.15),rgba(215,173,98,.03))}.decision-hero small{color:#b39a70;font-size:9px}.decision-hero strong{display:block;margin-top:5px;color:#f0c879;font:800 32px ui-monospace,monospace}.decision-hero>span{position:absolute;right:13px;bottom:13px;color:#aa9673;font-size:9px}.decision-hero p{max-width:76%;margin:8px 0 0;color:#bba57e;font-size:9px;line-height:1.45}.candidates{padding:16px 18px;border-top:1px solid var(--soft)}.candidates>div:not(.section-label){display:grid;grid-template-columns:40px 1fr 30px;align-items:center;grid-gap:8px;gap:8px;margin:10px 0;font-size:10px}.candidates span{color:#d1d8d3;font-family:ui-monospace,monospace}.candidates i{height:3px;overflow:hidden;border-radius:3px;background:#29352f}.candidates b{display:block;height:100%;background:var(--gold)}.candidates small{color:var(--muted);text-align:right}.insight-empty{margin:auto 0;padding:34px 26px;color:var(--subtle);text-align:center}.insight-empty svg{color:#53655b}.insight-empty strong{display:block;margin:12px;color:var(--muted);font-size:12px}.insight-empty p{font-size:10px;line-height:1.65}.primitive{margin-top:auto}.primitive code{display:block;margin:7px 0;color:var(--jade);font-size:11px}.primitive p{margin:0}.error-box{margin:0 18px 12px;padding:11px;border:1px solid rgba(240,140,125,.3);border-radius:9px;color:#ffc2b8;background:rgba(240,140,125,.07);font-size:10px}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:rgba(1,5,3,.82);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal{position:relative;width:min(440px,100%);padding:32px;border:1px solid rgba(215,173,98,.24);border-radius:22px;background:#101b16;box-shadow:0 30px 100px #000}.modal-close{position:absolute;top:12px;right:12px}.modal-icon{width:50px;height:50px;margin-bottom:18px;display:grid;place-items:center;border-radius:14px;color:var(--jade);background:rgba(143,227,167,.09)}.modal>small{color:var(--jade);font-size:9px;font-weight:800;letter-spacing:.15em}.modal h2{margin:10px 0;font-size:27px}.modal p{color:var(--muted);font-size:12px;line-height:1.65}.key-field{margin:18px 0}.key-field>label{display:block;margin-bottom:8px;color:#c6cec9;font-size:11px;font-weight:700}.key-field>div{display:flex;overflow:hidden;border:1px solid var(--soft);border-radius:9px;background:#080e0b}.key-field>div:focus-within{border-color:var(--jade);box-shadow:0 0 0 2px rgba(143,227,167,.25)}.key-field input{width:100%;min-width:0;height:46px;padding:0 13px;border:0;outline:0;color:var(--text);background:transparent;font:12px ui-monospace,monospace}.key-field button{flex:0 0 46px;border:0;cursor:pointer;color:var(--muted);background:transparent}.modal-cta{width:100%;min-height:46px;border:0;border-radius:9px;cursor:pointer;color:#061009;background:var(--jade);font-size:12px;font-weight:850}.key-link{min-height:44px;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--muted);font-size:11px;text-decoration:none}@media(max-width:1100px){.arena{height:auto;min-height:100dvh}.game-shell{grid-template-columns:minmax(210px,240px) minmax(430px,1fr);overflow:visible}.xiangqi-wrap{width:min(100%,680px)}.insight-panel{grid-column:1/-1;min-height:270px;display:grid;grid-template-columns:210px 1fr 1fr;align-items:start}.insight-panel .panel-heading{grid-column:1/-1}.primitive{margin-top:16px}}@media(max-width:760px){.topbar{min-height:112px;padding:10px 14px;align-items:flex-start}.brand small{display:none}.brand{min-height:44px}.hud-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px}.mode-switch{order:2;width:100%}.mode-switch button{flex:1 1;justify-content:center;padding:0 9px}.api-pill{min-height:40px}.game-shell{padding:12px;grid-template-columns:minmax(0,1fr);overflow:visible}.xiangqi-wrap{order:1;width:100%;padding:15px 12px 10px;border-radius:16px}.xiangqi-board{max-height:none}.x-cell{min-height:34px}.x-piece{width:min(82%,48px);font-size:clamp(17px,6.5vw,27px)}.river{font-size:clamp(16px,5vw,21px)}.left-panel{order:2}.insight-panel{order:3;grid-column:auto;min-height:0;display:flex}.move-list{max-height:260px}.modal{padding:28px 22px}}@media(max-width:420px){.topbar{min-height:116px}.brand>span:not(.brand-mark){font-size:14px}.api-pill{padding:0 10px;font-size:10px}.mode-switch button{font-size:11px}.mode-switch svg{display:none}.game-shell{padding-inline:8px}.xiangqi-wrap{padding-inline:7px}}@media(prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.key-field>strong{display:block;margin-top:8px;color:#ffc2b8;font-size:11px}.xiangqi-board{width:calc(100% - clamp(42px,7vw,66px));display:block;background-position:0 0}.x-cell{position:absolute;width:max(44px,12.5%);height:max(44px,11.111%);min-width:44px;transform:translate(-50%,-50%)}.x-cell:focus-visible{border-radius:50%}.x-cell.last{background:transparent;box-shadow:none}.x-cell.last:before{content:"";position:absolute;z-index:-1;inset:8%;border-radius:50%;background:rgba(244,211,112,.3);box-shadow:inset 0 0 14px rgba(255,226,137,.4)}@media(max-width:760px){.xiangqi-wrap{padding:22px 8px 10px}.xiangqi-board{width:calc(100% - 44px)}.x-cell{min-height:44px}}