@layer reset{*,:before,:after{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body,h1,h2,p,dl,dd{margin:0}button,select{font:inherit}}@layer base{:root{color:#1e2a24;font-synthesis:none;text-rendering:optimizelegibility;--ink:#1e2a24;--muted:#647067;--forest:#183e32;--forest-bright:#275f4e;--red:#a13b2f;--paper:#f1e8d2;--paper-deep:#e2d1aa;--wood:#c99450;--wood-light:#ddb06c;--wood-dark:#805126;--line:#2a362d33;--shadow:#422a133d;--radius:3px;background:#b99561;font-family:Avenir Next,Avenir,PingFang SC,Microsoft YaHei,sans-serif}body{background:linear-gradient(90deg,#432c1314 1px,#0000 1px) 0 0/88px 100%,linear-gradient(145deg,#c8aa79,#a57c49) 0 0/100% 100%;min-width:320px;min-height:100dvh}button,select{color:inherit}button:not(:disabled),select:not(:disabled){cursor:pointer}button:disabled,select:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline-offset:3px;outline:3px solid #bd3f31}::selection{color:#fffaf0;background:var(--forest)}}@layer layout{.app-shell{background:radial-gradient(circle at 76% 3%, #ffffff6b, transparent 28%), var(--paper);border-inline:1px solid #37281729;width:min(100%,1540px);min-height:100dvh;margin:0 auto;box-shadow:0 0 80px #32200f3d}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:74px;padding:12px clamp(20px,4vw,62px);display:flex}.main-content{padding:clamp(34px,5vw,72px) clamp(18px,5vw,76px) clamp(52px,7vw,96px)}.game-heading{grid-template-columns:minmax(0,1.2fr) minmax(240px,.55fr);align-items:end;gap:32px clamp(36px,8vw,130px);display:grid}.game-tabs{border:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));max-width:600px;margin-top:clamp(34px,5vw,62px);display:grid}.play-room{grid-template-columns:minmax(250px,.37fr) minmax(520px,1fr);align-items:start;gap:clamp(28px,5vw,74px);margin-top:clamp(28px,4vw,48px);display:grid}.control-rail{min-width:0;padding-top:12px}.board-panel{color:#f7f0df;border-radius:var(--radius);background:repeating-linear-gradient(90deg,#0000 0 58px,#ffffff05 59px),linear-gradient(145deg,#214b3e,#123229);min-width:0;padding:clamp(18px,3.2vw,42px);overflow:hidden;box-shadow:0 30px 60px #2a281c3d}.site-footer{color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;gap:24px;padding:24px clamp(20px,4vw,62px);font-size:.76rem;display:flex}}@layer components{.brand{align-items:center;gap:12px;display:flex}.brand-mark{color:#fff8e9;background:var(--forest);border-radius:var(--radius);place-items:center;width:38px;height:38px;font-family:Songti SC,STSong,serif;font-size:1.2rem;display:grid;box-shadow:inset 0 0 0 1px #fff3}.brand>span:last-child{flex-direction:column;gap:1px;display:flex}.brand strong,.game-heading h1,.control-heading h2,.board-title strong{font-family:Songti SC,STSong,Noto Serif CJK SC,Georgia,serif}.brand strong{letter-spacing:.16em;font-size:1.08rem}.brand small,.site-header>p,.kicker,.status-label,.engine-report>span,.board-title span{letter-spacing:.14em;font-size:.65rem;font-weight:700}.brand small{color:var(--muted);font-size:.5rem}.site-header>p{color:var(--muted)}.kicker{color:var(--forest-bright)}.game-heading h1{letter-spacing:-.06em;margin-top:12px;font-size:clamp(2.6rem,5vw,5.6rem);font-weight:500;line-height:.98}.game-heading>p{max-width:32ch;color:var(--muted);padding-bottom:.4rem;font-size:.96rem;line-height:1.75}.game-tabs button{background:0 0;border:0;justify-content:space-between;align-items:baseline;gap:20px;min-height:70px;padding:15px 20px;transition:color .16s,background-color .16s;display:flex}.game-tabs button+button{border-left:1px solid var(--line)}.game-tabs button:hover{background:#183e3212}.game-tabs button:active,.action-row button:active,.pass-action:active{transform:translateY(1px)}.game-tabs button.is-active{color:#fff9e9;background:var(--forest)}.game-tabs span{font-family:Songti SC,STSong,serif;font-size:1.32rem;font-weight:700}.game-tabs small{letter-spacing:.12em;font-size:.6rem}.control-heading{border-bottom:1px solid var(--line);padding-bottom:24px}.control-heading h2{letter-spacing:.04em;margin-top:12px;font-size:clamp(1.9rem,3.2vw,2.9rem);font-weight:500}.control-heading>p:last-child{color:var(--muted);margin-top:12px;font-size:.84rem;line-height:1.65}.field-row{border-bottom:1px solid var(--line);grid-template-columns:1fr minmax(106px,.65fr);align-items:center;gap:18px;padding:16px 0;display:grid}.field-row label{font-size:.79rem;font-weight:700}.field-row select{width:100%;color:var(--ink);border-radius:var(--radius);background:#fbf5e7;border:1px solid #36433a5c;padding:8px 28px 8px 10px}.action-row{grid-template-columns:1fr 1fr;gap:8px;margin-top:20px;display:grid}.action-row button,.pass-action{border-radius:var(--radius);white-space:nowrap;min-height:42px;padding:9px 12px;font-size:.78rem;font-weight:700}.primary-action{color:#fff9ec;background:var(--forest);border:1px solid var(--forest)}.secondary-action,.pass-action{color:var(--forest);background:0 0;border:1px solid #183e326b}.pass-action{width:100%;margin-top:8px}.status-block{color:#f8f0de;background:var(--forest);border-radius:var(--radius);margin-top:26px;padding:18px}.status-label{color:#f8f0de99}.status-block>strong{margin-top:7px;font-family:Songti SC,STSong,serif;font-size:1.28rem;display:block}.status-block>p:not(.status-label){color:#f8f0debf;margin-top:8px;font-size:.76rem;line-height:1.55}.status-block .error-message{color:#ffe0d9;border-top:1px solid #ffffff29;padding-top:8px}.thinking-bar{color:#fff7e7;align-items:center;gap:9px;margin-top:13px;font-size:.72rem;display:flex}.thinking-bar span{background:#ffffff2b;width:42px;height:3px;overflow:hidden}.thinking-bar span:after{content:"";background:#e1bd76;width:45%;height:100%;animation:.9s ease-in-out infinite alternate thinking;display:block}@keyframes thinking{to{transform:translate(125%)}}@keyframes xiangqi-piece-arrive{0%{opacity:.72;transform:translate(var(--move-x), var(--move-y)) scale(.92)}62%{opacity:1;transform:translate(0)scale(1.05)}to{opacity:1;transform:translate(0)scale(1)}}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px;display:grid}.metrics>div{border-top:1px solid var(--line);padding-top:10px}.metrics dt{color:var(--muted);font-size:.66rem}.metrics dd{margin-top:4px;font-family:Songti SC,STSong,serif;font-size:1.22rem;font-weight:700}.engine-report{border-left:3px solid var(--forest-bright);margin-top:22px;padding-left:13px}.engine-report>span{color:var(--muted)}.engine-report strong{margin-top:5px;font-size:.82rem;display:block}.engine-report p{color:var(--muted);overflow-wrap:anywhere;margin-top:5px;font-size:.7rem;line-height:1.5}.engine-report.is-empty{border-left-color:#2c473b3d}.board-title{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.board-title>div{flex-direction:column;gap:4px;display:flex}.board-title span{color:#f7f0df94}.board-title strong{letter-spacing:.09em;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:600}.board-title>p{color:#f8dfb1;letter-spacing:.08em;border:1px solid #f8dfb14d;padding:7px 10px;font-size:.68rem}.board-scroll{overscroll-behavior-inline:contain;scrollbar-color:#8f6336 #ffffff1a;width:100%;margin-top:clamp(22px,4vw,42px);overflow:auto}.go-surface,.xiangqi-surface{background:linear-gradient(105deg, #ffeec12e, transparent 45%), var(--wood);border-radius:var(--radius);border:7px solid #96632e;width:min(100%,720px);margin:0 auto;padding:clamp(10px,1.6vw,18px);position:relative;box-shadow:inset 0 0 0 1px #462a0f85,inset 0 0 26px #5130102e,0 16px 32px #03171157}.go-surface{aspect-ratio:1}.go-size-13{min-width:450px}.go-size-19{min-width:540px}.go-grid{width:100%;height:100%;position:relative}.go-grid:before{z-index:0;inset:calc(var(--go-cell) / 2);background-image:linear-gradient(90deg,#392512b8 1px,#0000 1px),linear-gradient(#392512b8 1px,#0000 1px);background-position:0 0;background-size:var(--go-cell) var(--go-cell);content:"";pointer-events:none;border-bottom:1px solid #392512b8;border-right:1px solid #392512b8;position:absolute}.go-playfield{inset:calc(var(--go-cell) / 2);position:absolute}.go-point{z-index:2;width:var(--go-cell);height:var(--go-cell);background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.xiangqi-square{z-index:2;background:0 0;border:0;place-items:center;width:12.5%;height:11.111%;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.go-point:not(:disabled):hover:after{aspect-ratio:1;content:"";background:#14362c40;border:1px solid #14362c61;border-radius:50%;width:48%;position:absolute}.go-point:focus-visible,.xiangqi-square:focus-visible{z-index:5;outline-offset:-2px;outline:3px solid #fff4d4;box-shadow:0 0 0 5px #a4382d}.star-point{aspect-ratio:1;background:#4b2f16;border-radius:50%;width:clamp(3px,16%,8px)}.go-stone{z-index:2;aspect-ratio:1;border-radius:50%;width:88%;position:relative;box-shadow:2px 4px 6px #40250e66}.go-stone.black{background:radial-gradient(circle at 34% 27%,#5d655f,#18201b 44%,#050806 78%)}.go-stone.white{background:radial-gradient(circle at 34% 27%,#fffef8,#d8d2c3 62%,#99978f)}.last-marker{z-index:3;aspect-ratio:1;border:2px solid #c64a3b;border-radius:50%;width:24%;position:absolute}.xiangqi-surface{aspect-ratio:9/10;min-width:430px}.xiangqi-surface:before{z-index:0;content:"";background-image:linear-gradient(90deg,#392512b3 1px,#0000 1px),linear-gradient(#392512b3 1px,#0000 1px);background-size:12.5% 11.111%;border-bottom:1px solid #392512b3;border-right:1px solid #392512b3;position:absolute;inset:6.5% 7.1%}.palace-lines{z-index:1;pointer-events:none;position:absolute;inset:6.5% 7.1%}.palace-lines:before,.palace-lines:after{content:"";background-image:linear-gradient(to bottom right,#0000 calc(50% - .75px),#392512b3 calc(50% - .75px) calc(50% + .75px),#0000 calc(50% + .75px)),linear-gradient(to bottom left,#0000 calc(50% - .75px),#392512b3 calc(50% - .75px) calc(50% + .75px),#0000 calc(50% + .75px));height:22.222%;position:absolute;left:37.5%;right:37.5%}.palace-lines:before{top:0}.palace-lines:after{bottom:0}.xiangqi-grid{z-index:2;position:absolute;inset:6.5% 7.1%}.river{z-index:1;color:#482c12c7;background:var(--wood);letter-spacing:.3em;pointer-events:none;border-block:1px solid #392512b3;justify-content:space-around;align-items:center;height:9.66%;font-family:STKaiti,KaiTi,serif;font-size:clamp(.76rem,2vw,1.35rem);display:flex;position:absolute;top:45.17%;left:7.1%;right:7.1%}.xiangqi-square:not(:disabled):hover:after,.xiangqi-square.is-target:after{aspect-ratio:1;content:"";background:#1f56436b;border-radius:50%;width:28%;position:absolute}.xiangqi-square.is-last:before{aspect-ratio:1;content:"";border:2px solid #a4382d8f;border-radius:50%;width:70%;position:absolute}.xiangqi-piece{z-index:2;aspect-ratio:1;background:#e8ce94;border:2px solid;border-radius:50%;place-items:center;width:80%;font-family:STKaiti,KaiTi,Songti SC,serif;font-size:clamp(.8rem,2.2vw,1.55rem);font-weight:800;display:grid;position:relative;box-shadow:inset 0 0 0 2px #e8ce94,inset 0 0 0 3px,2px 4px 6px #40250e66}.xiangqi-piece.is-arriving{will-change:transform, opacity;animation:.42s cubic-bezier(.22,.8,.28,1) both xiangqi-piece-arrive}.xiangqi-piece.red{color:#a23329}.xiangqi-piece.black{color:#24392f}.xiangqi-square.is-selected .xiangqi-piece{box-shadow:inset 0 0 0 2px #e8ce94,inset 0 0 0 3px,0 0 0 4px #fff0c7,0 0 0 7px #a2382d}.score-sheet{color:var(--ink);background:#ffffff2e;grid-template-columns:1fr 1fr;gap:1px;margin-top:20px;display:grid}.score-sheet>div{background:#efe2c5;grid-template-columns:1fr auto;gap:3px 18px;padding:14px;display:grid}.score-sheet strong{grid-area:1/2/span 2;align-self:center;font-family:Songti SC,serif;font-size:1.65rem}.score-sheet small{color:var(--muted);font-size:.65rem}.rules-note{color:#f7f0dfa6;max-width:72ch;margin-top:22px;font-size:.69rem;line-height:1.65}.mode-tabs{border:1px solid var(--line);border-radius:var(--radius);width:fit-content;margin-top:14px;display:flex;overflow:hidden}.mode-tabs button{min-height:36px;color:var(--muted);background:0 0;border:0;padding:7px 14px;font-size:.72rem;font-weight:700}.mode-tabs button+button{border-left:1px solid var(--line)}.mode-tabs button.is-active{color:#fff9e9;background:var(--forest)}.online-lobby{border:1px solid var(--line);background:#eadbbd;grid-template-columns:minmax(0,1fr) minmax(280px,.64fr);gap:clamp(28px,7vw,110px);max-width:980px;margin:clamp(28px,4vw,48px) auto 0;padding:clamp(26px,4vw,52px);display:grid;box-shadow:0 24px 50px #3e28121f}.online-lobby-copy h2{letter-spacing:.04em;margin-top:12px;font-family:Songti SC,STSong,serif;font-size:clamp(2rem,4.3vw,3.4rem);font-weight:500}.online-lobby-copy>p:last-child,.online-form>p{color:var(--muted);margin-top:16px;font-size:.84rem;line-height:1.7}.online-form{align-self:start;padding:4px 0}.online-form .field-row strong{justify-self:end;font-family:Songti SC,STSong,serif}.online-create,.online-secondary,.online-leave,.online-invite button{border-radius:var(--radius);min-height:42px;padding:9px 12px;font-size:.78rem;font-weight:700}.online-create{width:100%;margin-top:20px}.online-secondary{width:100%;margin-top:8px}.online-error{color:#8e2f26;margin-top:14px;font-size:.76rem;line-height:1.55}.online-invite{border-bottom:1px solid var(--line);gap:7px;margin-top:22px;padding-bottom:18px;display:grid}.online-invite label,.online-seats dt{color:var(--muted);letter-spacing:.08em;font-size:.67rem;font-weight:700}.online-invite input{min-width:0;color:var(--ink);border-radius:var(--radius);font:inherit;background:#fbf5e7;border:1px solid #36433a5c;padding:9px;font-size:.69rem}.online-invite button{width:100%;color:var(--forest);background:0 0;border:1px solid #183e326b}.online-seats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.online-seats>div{border-top:1px solid var(--line);padding:10px 0}.online-seats dd{color:var(--forest);margin-top:5px;font-size:.76rem;font-weight:700}.online-actions{grid-template-columns:1fr}.online-actions:has(button+button){grid-template-columns:1fr 1fr}.online-leave{width:100%;color:var(--muted);text-underline-offset:3px;background:0 0;border:0;margin-top:12px;text-decoration:underline}}@layer responsive{@media (width<=1020px){.play-room{grid-template-columns:1fr}.control-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;display:grid}.control-heading,.status-block,.metrics,.engine-report{grid-column:auto}.control-heading{grid-row:span 2}.action-row,.pass-action{align-self:end}.board-panel{width:100%;max-width:850px;margin:0 auto}.online-lobby{grid-template-columns:1fr}}@media (width<=680px){.site-header{min-height:66px}.site-header>p{display:none}.main-content{padding-top:30px}.game-heading{grid-template-columns:1fr}.game-heading>p{padding:0}.game-tabs{max-width:none}.game-tabs button{min-height:62px;padding:12px 14px}.mode-tabs{width:100%}.mode-tabs button{flex:1}.online-lobby{padding:24px 18px}.control-rail{display:block}.field-row:first-of-type{margin-top:10px}.board-panel{padding:16px}.go-size-9{min-width:380px}.board-scroll{padding-bottom:7px}.site-footer{flex-direction:column;gap:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}