:root{--bg:#eeebe3;--paper:#f8f6f0;--ink:#292f2a;--muted:#666c61;--green:#314b3b;--gold:#957747;--line:#d9d7cb;--wood:#61432e;--light-square:#d7c4a0;--dark-square:#7c886c;--focus:#c78a33;--serif:Georgia,"Songti SC","STSong","SimSun",serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:14px/1.5 PingFang SC,Microsoft YaHei,system-ui,sans-serif}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:0;transition:background .18s,box-shadow .18s,transform .18s}button:hover{background:#e8e7dc}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}button:disabled{opacity:.45;cursor:not-allowed}svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;width:20px;height:20px}[data-icon]{justify-content:center;align-items:center;display:inline-flex}.header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1360px;margin:auto;padding:21px 40px;display:flex}.brand{color:var(--ink);font:600 29px var(--serif);letter-spacing:-1px;align-items:center;gap:12px;text-decoration:none;display:flex}.brand-mark{background:var(--green);color:#dbcaa6;border:1px solid #233c2d;border-radius:2px 2px 13px 13px;width:40px;height:44px;box-shadow:inset 0 0 0 3px #ffffff12}.brand-mark svg{width:26px;height:26px}.brand-cn{letter-spacing:3px;color:var(--muted);margin-left:15px;font:12px system-ui}.header-right{align-items:center;gap:36px;display:flex}.edition{letter-spacing:2.5px;color:var(--muted);font-size:10px}.text-button{align-items:center;gap:8px;min-height:44px;font-size:12px;display:flex}main{max-width:1240px;margin:auto;padding:0 28px}.intro{justify-content:space-between;align-items:center;gap:20px;padding:29px 0 27px;display:flex}.eyebrow{letter-spacing:2.3px;color:#786444;align-items:center;gap:8px;font-size:10px;font-weight:600;display:flex}.eyebrow>span{background:var(--gold);width:16px;height:1px}h1{font:500 34px/1.4 var(--serif);letter-spacing:3px;margin:8px 0}h1>span{color:var(--green)}.intro p{color:var(--muted);margin:0;font-size:13px}.intro-seal{color:#786e57;border-left:1px solid #cfcabb;align-items:center;gap:15px;padding-left:24px;display:flex}.intro-seal>span{font:italic 46px var(--serif)}.intro-seal>div{font:14px var(--serif);letter-spacing:2px}.intro-seal small{letter-spacing:2px;margin-top:8px;font:8px system-ui;display:block}.game-layout{grid-template-columns:minmax(0,1fr) 296px;align-items:start;gap:24px;display:grid}.game-card{background:var(--paper);border:1px solid #d4d2c6;border-radius:7px;overflow:hidden;box-shadow:0 10px 30px #302d2010}.game-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:15px 22px;display:flex}.tabs{gap:3px;display:flex}.tabs button{color:var(--muted);border-radius:3px;align-items:center;gap:7px;min-height:44px;padding:10px 13px;font-size:12px;display:flex}.tabs button.active{background:var(--green);color:#f2ebdc;font-weight:600;box-shadow:inset 0 0 0 1px #203927}.tabs svg{width:17px;height:17px}.live-label{color:var(--muted);white-space:nowrap;align-items:center;gap:7px;font-size:11px;display:flex}.live-label i{background:var(--gold);border-radius:50%;width:5px;height:5px}.players{justify-content:space-between;align-items:center;gap:10px;padding:17px 22px;display:flex}.player{border-bottom:2px solid #0000;align-items:center;gap:10px;padding-bottom:7px;display:flex}.player strong{font-size:14px;font-weight:600;display:block}.player div>span{color:var(--muted);margin-top:3px;font-size:11px;display:block}.player.right{text-align:right}.avatar{border:1px solid #d1c8b2;border-radius:3px;width:40px;height:40px}.mint{color:#5e604c;background:#eae3d4}.turn-pill{color:#705a2c;background:#f0e7d3;border:1px solid #d3c4a2;border-radius:2px;margin:0 4px;padding:3px 7px;font-size:10px}.turn-pill[hidden]{display:none}.versus{color:#898878;font:italic 16px var(--serif)}.board-wrap{padding:0 22px}.board-frame{background:repeating-linear-gradient(2deg,#ffffff02 0 1px,#00000004 2px,#0000 5px),linear-gradient(105deg,#513926,#78563a 38%,#5b3d2b 75%,#6a4b34);border:1px solid #493120;border-radius:4px;padding:24px 25px 28px;position:relative;box-shadow:inset 0 0 0 2px #ffffff0b,inset 0 0 0 6px #35271850,0 5px #493529,0 9px 15px #30231325}.board{border:1px solid #342e20;grid-template-columns:repeat(8,minmax(0,1fr));gap:0;padding:0;display:grid;position:relative;box-shadow:0 0 0 1px #ae8c5860,0 0 0 4px #36271b40}.cell{aspect-ratio:1;background:repeating-linear-gradient(3deg,#ffffff03 0px,#ffffff03 1px,transparent 2px,transparent 5px),var(--light-square);isolation:isolate;border:0;border-radius:0;justify-content:center;align-items:center;min-width:0;padding:0;display:flex;position:relative}.cell.dark{background:repeating-linear-gradient(3deg,#ffffff05 0px,#ffffff05 1px,transparent 2px,transparent 5px),var(--dark-square)}.cell:active{transform:none}.cell:disabled{opacity:1;cursor:default}.cell:focus-visible{outline-offset:-3px;z-index:2;outline:3px solid #fff0b5}.piece-back{background:radial-gradient(at 35% 22%,#4b5140,#2c352c 65%,#222920);border-radius:50%;place-items:center;width:72%;height:72%;transition:transform .18s,box-shadow .18s;display:grid;position:relative;box-shadow:0 4px #20271d,0 5px #b69b6745,0 7px 8px #171e2155,inset 0 1px 2px #f4e4c950}.piece-back:before{content:"";border:1px solid #ad9463;border-radius:50%;position:absolute;inset:9%;box-shadow:0 0 0 3px #d1b87610,inset 0 0 0 3px #d1b87610}.piece-back:after{content:"";border:1px dotted #c0a97250;border-radius:50%;position:absolute;inset:18%}.piece-back svg{color:#d0b980;stroke-width:1.3px;filter:drop-shadow(0 1px 1px #0008);width:40%;height:40%}.piece{filter:drop-shadow(1px 4px 1px #29241965);justify-content:center;align-items:center;width:84%;height:91%;transition:transform .15s;display:flex;position:relative}.piece .chess-svg{stroke-width:1.25px;stroke-linejoin:round;stroke-linecap:round;width:90%;height:90%}.piece.white .chess-svg{fill:#fff3d5;stroke:#675943}.piece.black .chess-svg{fill:#272e29;stroke:#a99b7c}.piece.black{filter:drop-shadow(1px 3px 1px #151d1e70)}.piece .piece-detail{fill:none;stroke-width:2px}.piece small{color:#51422d;filter:none;background:#eee2c6;border-radius:1px;padding:2px;font-size:9px;line-height:1;position:absolute;bottom:1px;right:0}.chess-svg{fill:currentColor;stroke:currentColor;stroke-width:1px;stroke-linejoin:round}.cell.selected .piece{transform:translateY(-3px)}.cell.legal:after{content:"";z-index:3;background:#273e35a0;border-radius:50%;width:20%;height:20%;position:absolute;box-shadow:0 0 0 3px #f8efce80}.cell.legal:has(.piece):after{background:0 0;border:3px solid #922f26;border-radius:0;width:auto;height:auto;inset:5%;box-shadow:inset 0 0 0 1px #fff0d4aa}@keyframes reveal{0%{opacity:.4;transform:scale(.8)rotateY(60deg)}to{opacity:1;transform:none}}.board-coordinates{color:#e2cfaa;font:11px var(--serif);text-align:center;pointer-events:none;position:absolute}.files{grid-template-columns:repeat(8,1fr);display:grid;top:5px;left:25px;right:25px}.ranks-axis{grid-template-rows:repeat(4,1fr);align-items:center;width:16px;display:grid;top:24px;bottom:28px;left:4px}.board-signature{text-align:center;font:8px var(--serif);letter-spacing:4px;color:#d8bd8c;position:absolute;bottom:6px;left:0;right:0}.board-legend{color:var(--muted);justify-content:center;gap:24px;margin:15px 0 1px;font-size:10px;display:flex}.board-legend>span{align-items:center;gap:6px;display:flex}.board-legend i{width:9px;height:9px;display:inline-block}.legend-select{border:2px solid #ad8635}.legend-move{background:var(--green);border-radius:50%}.legend-capture{border:2px solid #922f26}.status{border-left:3px solid var(--green);background:#e9ece2;align-items:center;gap:10px;margin:17px 22px 0;padding:12px 13px;display:flex}.status-dot{background:var(--green);border-radius:50%;width:6px;height:6px;margin:0 4px}.status strong{font-size:13px;font-weight:600;display:block}.status div>span{color:var(--muted);margin-top:3px;font-size:11px;display:block}.move-count{color:#495341;white-space:nowrap;font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.game-actions{align-items:center;gap:8px;padding:16px 22px 20px;display:flex}.game-actions button{border-radius:3px;align-items:center;gap:7px;min-height:44px;padding:10px 12px;font-size:12px;display:flex}.game-actions button.primary,.primary{color:#f8f2e5;background:var(--green);border-radius:3px;padding:12px 17px}.game-actions svg{width:16px;height:16px}.autosave{color:var(--muted);align-items:center;gap:4px;margin-left:auto;font-size:10px;display:flex}.autosave svg{width:13px;height:13px}aside{flex-direction:column;gap:16px;display:flex}aside section{border:1px solid var(--line);background:var(--paper);border-radius:4px;padding:21px}.section-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding-bottom:13px;display:flex}h2{letter-spacing:1px;margin:0;font-size:15px;font-weight:600}.tiny-tag{letter-spacing:1px;color:var(--muted);font-size:9px}.guide-step{gap:12px;margin-top:18px;display:flex}.step-num{width:22px;font:italic 19px var(--serif);color:#897244;flex-shrink:0;padding-top:1px}.guide-step h3{margin:0 0 6px;font-size:13px;font-weight:600}.guide-step p{color:var(--muted);margin:0;font-size:12px;line-height:1.85}.guide-step b{color:#4d5743;font-weight:500}.rules-link{border-top:1px solid var(--line);width:100%;color:var(--green);justify-content:space-between;align-items:center;min-height:44px;margin-top:16px;padding:10px 0 0;font-size:12px;display:flex}.rules-link>span{font-size:20px}.ranks{justify-content:space-between;margin:16px 0;display:flex}.rank{text-align:center}.rank .glyph{color:#414b3b;display:block}.rank .chess-svg{fill:#414b3b;stroke:#414b3b;width:29px;height:34px}.rank .piece-detail{stroke:#ece7d9}.rank span:last-child{color:var(--muted);font-size:11px}.rank-arrow{color:#8c8c79;align-self:center;font-size:11px}.pawn-tip{border-top:1px solid var(--line);text-align:center;color:#79623e;padding:8px 6px;font-size:11px}.pawn-tip>span{display:none}.empty-history{text-align:center;color:var(--muted);padding:20px 0 2px;font-size:12px}.empty-history span{margin-top:5px;font-size:11px;display:block}#history{max-height:158px;overflow:auto}.history-row{border-bottom:1px solid #e6e3d8;align-items:center;gap:8px;padding:10px 0;font-size:12px;display:flex}.history-row:last-child{border:0}.history-row .number{color:#6c725f;font-variant-numeric:tabular-nums;min-width:20px;font-size:11px}.history-row .log-position{color:var(--muted);font:12px var(--serif);margin-left:auto}.capture-bar{border-top:1px solid #ccc9ba;border-bottom:1px solid #ccc9ba;align-items:center;gap:35px;margin-top:20px;padding:19px 4px;display:flex}.capture-bar>div:first-child{align-items:center;gap:12px;margin-right:15px;display:flex}.capture-icon{width:35px;height:38px;color:var(--gold)}.capture-bar h2{font-size:13px}.capture-bar p{color:var(--muted);margin:4px 0 0;font-size:11px}.capture-group{border-left:1px solid var(--line);flex:1;min-width:0;padding-left:25px}.capture-group>span{color:var(--muted);font-size:11px}.capture-group>div{overflow-wrap:anywhere;min-height:27px;margin-top:5px}.capture-piece{display:inline-block}.capture-piece svg{fill:#4c5242;width:23px;height:27px}footer{color:var(--muted);letter-spacing:.3px;justify-content:space-between;padding:23px 0;font-size:10px;display:flex}footer i{margin:0 8px;font-style:normal}dialog{border:1px solid #c7c0ad;border-top:4px solid var(--green);background:var(--paper);width:calc(100% - 36px);max-width:490px;color:var(--ink);border-radius:4px;padding:34px;box-shadow:0 24px 100px #18231a50}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#202b2666}.dialog-close{width:44px;height:44px;font-size:26px;position:absolute;top:8px;right:10px}dialog h2{font:26px var(--serif);margin:12px 0 20px}dialog p,dialog li{color:#59634f;font-size:13px;line-height:1.9}dialog ul{padding-left:20px}.dialog-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.dialog-actions button{border-radius:3px;padding:12px 18px}@media (width<=1100px){.game-layout{grid-template-columns:minmax(0,1fr) 270px;gap:18px}.edition{display:none}.board-wrap{padding:0 16px}.game-toolbar{padding:12px 16px}.players{padding:16px}.game-actions{gap:3px;padding:16px}.autosave{display:none}.status{margin:17px 16px 0}.turn-pill{margin:0}.game-actions button{padding:10px}.capture-bar{gap:15px}.intro-seal,.piece small{display:none}.live-label{font-size:10px}.board-frame{padding:23px 20px 26px}.files{left:20px;right:20px}.ranks-axis{top:23px;bottom:26px;left:1px}}@media (width<=850px){.header{padding:15px 24px}main{padding:0 20px}.game-layout{grid-template-columns:1fr}aside{grid-template-columns:1fr 1fr;gap:16px;display:grid}.guide-card{grid-row:span 2}.intro{padding:24px 0}h1{font-size:30px}.capture-bar>div:first-child{display:none}.live-label{font-size:11px}}@media (width<=480px){main{padding:0 12px}.header{padding:11px 16px}.brand{font-size:24px}.brand-cn{letter-spacing:2px;margin-left:9px;font-size:10px}.brand-mark{width:30px;height:35px}.brand-mark svg{width:23px;height:23px}.text-button{gap:5px;font-size:11px}.text-button svg{width:17px}.intro{padding:23px 3px 22px}h1{letter-spacing:1px;font-size:26px}.intro p{max-width:290px;font-size:12px;line-height:1.8}.eyebrow{letter-spacing:1.8px;font-size:9px}.live-label{display:none}.game-toolbar{justify-content:center;padding:9px 12px}.tabs{width:100%}.tabs button{flex:1;justify-content:center}.players{padding:15px 12px 12px}.avatar{width:32px;height:35px}.player{gap:7px}.player strong{font-size:13px}.player div>span{font-size:10px}.turn-pill{padding:3px 5px;font-size:9px}.board-wrap{padding:0 12px}.board-frame{padding:21px 19px 26px}.board{grid-template-columns:repeat(4,minmax(0,1fr))}.cell{order:var(--mobile-order);aspect-ratio:1.08}.piece-back{width:70%;height:75%}.piece{width:83%;height:95%}.files{grid-template-columns:repeat(4,1fr);top:3px;left:19px;right:19px}.ranks-axis{grid-template-rows:repeat(8,1fr);top:21px;bottom:26px;left:0}.board-legend{gap:18px;margin-top:14px;font-size:9px}.status{gap:5px;margin:15px 12px 0;padding:11px 8px}.status strong{font-size:12px}.status div>span,.move-count{font-size:10px}.game-actions{justify-content:center;gap:12px;padding:15px 12px}.guide-step p{font-size:13px}.guide-step h3{font-size:14px}aside{grid-template-columns:1fr}.guide-card{grid-row:auto}.rank .chess-svg{width:34px;height:40px}.rank-card{padding:20px}.ranks{margin:14px 0}.history-card{min-height:140px}.capture-bar{gap:6px;padding:17px 4px}.capture-group{padding-left:10px}.capture-group:nth-child(2){border-left:0}footer{text-align:center;flex-direction:column;gap:9px;padding:22px 0;font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.board-wrap{perspective:1800px}.board-frame{transform-origin:50% 55%;border-top-color:#9a7954;transform:rotateX(7deg)scale(.986);box-shadow:inset 0 1px #e4c38b55,inset 1px 0 #dfbe8050,inset -2px -2px 3px #23180f65,inset 0 0 0 6px #35271835,0 2px #725137,0 5px #5d402b,0 8px #473022,0 10px #33271e,0 16px 17px -7px #2c241b45,0 27px 35px -20px #211c1750}.board{box-shadow:0 0 0 1px #b8996265,0 0 0 4px #36271b45}.board:after{content:"";pointer-events:none;z-index:4;background:linear-gradient(135deg,#fff5d70a,#0000 45%,#221b1110);position:absolute;inset:0;box-shadow:inset 2px 3px 5px #30231735,inset -1px -1px #fff2cd35}.piece-back{background:radial-gradient(at 32% 18%,#72735b 0%,#4a5240 26%,#323e30 60%,#262e24 85%);box-shadow:inset 0 2px 2px #ede0b665,inset 1px 0 1px #dbc99930,inset -1px -2px 2px #131b1690,0 2px #394332,0 4px #252e22,0 5px #151f18,2px 8px 5px -2px #19231765,4px 12px 9px -4px #19231740}.piece-back:before{border-top-color:#d6c08e;border-bottom-color:#79623e}.cell.hidden:not(:disabled):hover .piece-back{transform:translateY(-2px);box-shadow:inset 0 2px 2px #ede0b665,inset -1px -2px 2px #131b1690,0 3px #394332,0 5px #252e22,0 6px #151f18,3px 12px 9px -3px #19231760}.piece,.piece.black{filter:none;isolation:isolate}.piece:before{content:"";filter:blur(3px);z-index:-1;background:#1d241d42;border-radius:50%;width:64%;height:12%;position:absolute;bottom:0;left:23%;transform:translate(3px,1px)}.piece .chess-svg{filter:drop-shadow(0 1px #564a36)drop-shadow(1px 2px #493d2d)drop-shadow(2px 4px 2px #28231750)}.piece.white .chess-svg{fill:var(--ivory-fill);stroke:#77654a;stroke-width:1px}.piece.black .chess-svg{fill:var(--ebony-fill);stroke:#92947c;stroke-width:1px;filter:drop-shadow(0 1px #152019)drop-shadow(1px 2px #152019)drop-shadow(2px 4px 2px #17201960)}.board-legend{margin-top:20px}@media (width<=480px){.board-frame{transform:none;box-shadow:inset 0 1px #e4c38b55,inset -1px -2px 2px #23180f65,inset 0 0 0 5px #35271835,0 3px #61432e,0 6px #493223,0 8px #36291e,0 13px 14px -6px #30231345}.piece:before{filter:blur(2px)}}.header{padding-top:16px;padding-bottom:16px}.brand-mark{color:#e2e9ef;border-color:#263e59}.edition{letter-spacing:2px}.quick-reference{border-bottom:1px solid var(--line);grid-template-columns:1.3fr 1fr;gap:28px;margin:22px 0;padding:17px 0 20px;display:grid}.quick-reference h2{letter-spacing:1px;margin:0;font-size:13px;font-weight:650}.quick-guide{position:relative}.quick-steps{grid-template-columns:repeat(3,1fr);gap:13px;margin-top:15px;display:grid}.quick-steps p{margin:0;padding-left:27px;position:relative}.quick-steps p>span{font:italic 15px var(--serif);color:#637d98;position:absolute;top:0;left:0}.quick-steps b{font-size:12px;font-weight:600;display:block}.quick-steps small{color:var(--muted);margin-top:5px;font-size:11px;display:block}.quick-rules{min-height:44px;color:var(--green);padding:0 7px;font-size:11px;position:absolute;top:-11px;right:0}.quick-rank{border-left:1px solid var(--line);grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:22px;padding-left:28px;display:grid}.quick-rank .ranks{gap:9px;margin:0}.quick-rank>p{color:var(--muted);text-align:center;grid-column:2;margin:5px 0 0;font-size:10px}.quick-rank .rank .chess-svg{fill:#425a74;stroke:#425a74;width:24px;height:29px}.quick-rank .rank span:last-child{font-size:10px}.quick-rank .rank-arrow{color:#71849b;font-size:12px}.game-layout{grid-template-columns:minmax(0,1fr) 238px;gap:22px}.game-toolbar{padding-top:10px;padding-bottom:10px}.players{padding-top:12px;padding-bottom:12px}.tabs button.active{color:#f4f7fb;box-shadow:inset 0 0 0 1px #263e59}.board-frame{background:linear-gradient(110deg,#30445b,#4a6078 38%,#273a4f 78%,#3f5269);border-color:#71869b #263b50 #263b50;box-shadow:inset 0 1px #c9dceb66,inset 1px 0 #9caec550,inset -2px -2px 3px #10213480,inset 0 0 0 6px #1b2c4035,0 3px #334b63,0 6px #253a50,0 9px #1c2b3d,0 16px 17px -7px #21324b45,0 27px 35px -20px #21324b50}.board{border-color:#293c50;box-shadow:0 0 0 1px #a9b8c165,0 0 0 4px #192f4645}.cell.selected{background-color:#b4c7dc;box-shadow:inset 0 0 0 4px #c99a48}.cell.legal:has(.piece):after{background:0 0}.move-count{color:#435b75}.step-num{color:#687f98}.history-row{border-color:var(--line)}.history-row .number{color:#63758a}.ranks .glyph{color:#425a74}.capture-bar{background:var(--paper);border:1px solid var(--line);border-radius:4px;margin:0;padding:19px;display:block}.capture-bar>div:first-child{gap:8px;margin:0 0 18px;display:flex}.capture-bar p{display:none}.capture-icon{color:#607b98;width:22px;height:22px}.capture-group{border:0;border-top:1px solid var(--line);margin-top:12px;padding:12px 0 0}.capture-group>div{flex-wrap:wrap;gap:2px;min-height:30px;display:flex}.capture-piece svg{fill:#405773}.history-card{min-height:212px}#history{max-height:340px}.empty-history{padding-top:28px}.piece-cover{pointer-events:none;z-index:2;transform-origin:50% 85%;filter:drop-shadow(1px 3px 1px #20354f35);place-items:center;transition:transform .2s,filter .2s;display:grid;position:absolute;inset:2% 7% 5%}.cover-svg{stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.cell.hidden:not(:disabled):hover .piece-cover{filter:drop-shadow(1px 5px 2px #20354f45);transform:translateY(-2px)}.cell.revealed{z-index:5}.cell.revealed .piece-cover{animation:.54s cubic-bezier(.2,.65,.25,1) both uncover}.cell.revealed .piece{animation:.54s ease-out both appear-piece}@keyframes uncover{0%,10%{opacity:1;transform:translateY(0)rotate(0)}35%{opacity:1;transform:translateY(-13%)rotate(-4deg)}80%{opacity:0;transform:translateY(-43%)rotate(-10deg)scale(.98)}to{opacity:0;transform:translateY(-46%)rotate(-10deg)scale(.98)}}@keyframes appear-piece{0%,18%{opacity:0;transform:translateY(3px)scale(.94)}65%{opacity:1;transform:translateY(0)scale(1)}to{opacity:1;transform:none}}@media (width<=1100px){.game-layout{grid-template-columns:minmax(0,1fr) 218px;gap:16px}.quick-reference{grid-template-columns:1.15fr 1fr;gap:20px}.quick-rank{column-gap:12px;padding-left:20px}.quick-rank .ranks{gap:5px}.quick-steps{gap:8px}.quick-steps small{font-size:10px}}@media (width<=850px){.game-layout{grid-template-columns:1fr}.quick-reference{grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.quick-rank{padding-left:18px;display:block}.quick-rank h2{margin-bottom:8px}.quick-rank .ranks{gap:4px}.quick-rank>p{margin-top:4px}.quick-steps{gap:7px}.quick-steps p{padding-left:0}.quick-steps p>span{display:none}.quick-steps small{max-width:85px;line-height:1.6}.quick-rules{font-size:10px}.capture-bar>div:first-child{display:flex}.history-card{min-height:185px}}@media (width<=480px){.header{padding-top:10px;padding-bottom:10px}.quick-reference{grid-template-columns:1fr;gap:14px;margin:14px 0;padding:0 3px 14px}.quick-steps{gap:12px;margin-top:9px}.quick-steps p{padding-left:0}.quick-steps small{max-width:none;margin-top:3px;font-size:10px}.quick-rank{border-left:0;border-top:1px solid var(--line);grid-template-columns:58px minmax(0,1fr);gap:3px 12px;padding:11px 0 0;display:grid}.quick-reference h2{font-size:12px}.quick-rank h2{letter-spacing:0;margin:0}.quick-rank .rank .chess-svg{width:22px;height:26px}.quick-rank .rank span:last-child{font-size:9px}.quick-rank>p{margin:3px 0 0;font-size:10px}.quick-rules{top:-14px}.board-frame{box-shadow:inset 0 1px #c9dceb66,inset -1px -2px 2px #10213480,inset 0 0 0 5px #1b2c4035,0 3px #334b63,0 6px #253a50,0 8px #1c2b3d,0 13px 14px -6px #21324b45}.game-layout{gap:14px}.capture-group:nth-child(2){border-top:1px solid var(--line)}.piece-cover{inset:0 8% 4%}}@media (prefers-reduced-motion:reduce){.cell.revealed .piece-cover{display:none}.cell.revealed .piece{opacity:1;transform:none}.cell.hidden:not(:disabled):hover .piece-cover{transform:none}}.token{aspect-ratio:1;perspective:650px;pointer-events:none;width:76%;display:block;position:relative}.token .piece,.token-back{isolation:isolate;backface-visibility:hidden;transform-origin:50%;filter:none;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0;box-shadow:0 2px #8390a0,0 4px 5px #20364e28}.token-back{color:#536b87;z-index:2;background:#d9e2ec;border:1px solid #a1b1c4}.token-back:before{content:"";border:1px solid #b7c6d6;border-radius:50%;position:absolute;inset:8%}.back-mark{font:500 clamp(20px,2.8vw,35px)/1 var(--serif);margin-top:-1px}.token .piece.white{color:#26364c;background:#fffefa;border:1px solid #bec6cf;box-shadow:0 2px #a8b3c0,0 4px 5px #20364e28}.token .piece.black{color:#f2f5f8;background:#29384a;border:1px solid #172536;box-shadow:0 2px #142133,0 4px 5px #20364e35}.token .piece:before{content:"";filter:none;z-index:0;background:0 0;border:1px solid #a6b3c640;border-radius:50%;width:auto;height:auto;position:absolute;inset:7%;transform:none}.token .piece .chess-svg{fill:currentColor;stroke:currentColor;stroke-width:.7px;filter:none;width:62%;height:62%;margin-top:-9%}.token .piece .piece-detail{stroke:var(--paper);stroke-width:2px}.token .piece.black .piece-detail{stroke:#29384a}.token .piece small{color:inherit;letter-spacing:1px;background:0 0;padding:0;font-size:10px;line-height:1;display:block;position:absolute;bottom:11%;right:auto}.cell.selected .token .piece{transform:none}.cell.selected .token{transform:translateY(-2px)}.cell.revealed .token-back{animation:.4s ease-in-out both turn-back}.cell.revealed .token .piece{animation:.4s ease-in-out both turn-front}@keyframes turn-back{0%{transform:rotateY(0)}50%,to{transform:rotateY(-90deg)}}@keyframes turn-front{0%,49%{transform:rotateY(90deg)}to{transform:rotateY(0)}}@media (width<=480px){.token{width:77%}.back-mark{font-size:25px}.token .piece small{font-size:9px}}@media (prefers-reduced-motion:reduce){.cell.revealed .token-back{display:none}.cell.revealed .token .piece{animation:none;transform:none}}:root{--bg:#f1efea;--paper:#fcfbf8;--ink:#2d2a27;--muted:#6b645b;--green:#393631;--gold:#a28355;--line:#dcd6cd;--light-square:#d8ae7c;--dark-square:#49302c;--focus:#aa7434}.brand-mark{color:#eee6d8;background:#292827;border-color:#151515}.brand-cn,.edition{color:var(--muted)}.game-card{border-color:#d8d1c6;box-shadow:0 8px 26px #33271b10}.tabs button.active{color:#fffaf1;background:#393631;box-shadow:inset 0 0 0 1px #252422}.primary:hover{background:#242322}.quick-steps p>span,.quick-rank .rank-arrow{color:#8a7152}.quick-rank .rank .chess-svg{fill:#38322e;stroke:#38322e}.quick-rank .rank .piece-detail{stroke:#f1efea}.mint{color:#403c37;background:#eeebe5;border-color:#cfc7bb}.peach{color:#f2ede4;background:#363432;border-color:#363432}.turn-pill{color:#745932;background:#f2e8d9;border-color:#d5c1a2}.player.is-active{border-color:#a7895b}.board-frame{background:url(/textures/matte.svg),linear-gradient(115deg,#343334,#1f1e20 55%,#2c2b2c);border:1px solid #161518;border-top-color:#606063;border-radius:7px;box-shadow:inset 0 1px 1px #c3c3c340,inset 0 0 0 4px #18171a70,0 3px #19181b,0 6px #111113,0 8px #383638,0 17px 19px -8px #221c1845}.board{border:1px solid #eedbb9;box-shadow:0 0 0 5px #d3aa7b,0 0 0 7px #a17d51,0 0 0 10px #151418,0 0 0 11px #515052}.cell{background-blend-mode:multiply,normal;background:url(/textures/wood.svg) 0 0/155px 250px,linear-gradient(95deg,#dfb989,#d3a775 55%,#dfb989) 0 0/100% 100%}.cell.dark{background-blend-mode:soft-light,normal;background:url(/textures/wood.svg) 0 0/145px 250px,linear-gradient(95deg,#432d2c,#563936 52%,#402c2b) 0 0/100% 100%}.cell:nth-child(3n){background-position:27px 80px,0 0}.cell:nth-child(5n){background-position:80px 25px,0 0}.cell:hover{background-color:var(--light-square)}.cell.dark:hover{background-color:var(--dark-square)}.board:after{background:linear-gradient(125deg,#fff4e609,#0000 55%,#1e131008);box-shadow:inset 1px 2px 3px #2b1d1730}.board-coordinates,.board-signature{color:#e4c9a4}.board-signature{letter-spacing:3px}.cell.selected{box-shadow:inset 0 0 0 4px #e2b155}.cell.last:not(.selected){box-shadow:inset 0 0 0 3px #ebc97d99}.cell.legal:after{background:#30271dcc;box-shadow:0 0 0 3px #f6ead1a0}.cell.legal:has(.piece):after{background:0 0;border-color:#9b3e30;box-shadow:inset 0 0 0 1px #ffe4ba}.token{width:80%}.token .piece.white,.token .piece.black{color:#202024;background:linear-gradient(140deg,#fff,#efeff1 72%,#e2e2e5);border:1px solid #c9c9cf;box-shadow:inset 0 1px 1px #fff,0 2px #b0afb4,0 4px 4px #1a131b55}.token .piece:before{border-color:#fff9;inset:4%}.token .piece .chess-svg{stroke-linejoin:round;stroke-linecap:round;width:68%;height:68%;margin-top:-8%}.token .piece.white .chess-svg{fill:#f8f8fa;stroke:#242329;stroke-width:2.4px}.token .piece.black .chess-svg{fill:#202024;stroke:#202024;stroke-width:1.2px}.token .piece.white .piece-detail{fill:none;stroke:#242329;stroke-width:1.8px}.token .piece.black .piece-detail{fill:none;stroke:#f4f3f6;stroke-width:1.6px}.token .piece small{color:#49454a;font-size:9px;bottom:10%}.token-back{color:#6b6258;background:linear-gradient(135deg,#ded6ca,#c8bdae);border:1px solid #a89b88;box-shadow:inset 0 1px 1px #f6efe4,0 2px #9c8d7b,0 4px 4px #251a1750}.token-back:before{border-color:#ad9f8b88;inset:8%}.back-mark{color:#736552;font-size:clamp(20px,2.5vw,31px)}.cell.hidden:not(:disabled):hover .token-back{background:linear-gradient(135deg,#e8e0d4,#d3c7b6);box-shadow:inset 0 1px 1px #fff4e7,0 2px #9c8d7b,0 5px 6px #251a1740}.status{background:#eeeae1}.move-count,.capture-icon,.history-row .number{color:#736451}.capture-piece svg{fill:#28252a;stroke:#28252a}.capture-piece .piece-detail{stroke:#f6f3ed}.capture-piece.white svg{fill:#fcfbf8;stroke:#28252a;stroke-width:2.4px}.capture-piece.white .piece-detail{stroke:#28252a}@media (width<=480px){.token{width:80%}.token .piece small{font-size:8px}.board-frame{box-shadow:inset 0 1px 1px #c3c3c340,inset 0 0 0 3px #18171a70,0 3px #19181b,0 6px #111113,0 8px #383638,0 13px 14px -7px #221c1845}.board{box-shadow:0 0 0 4px #d3aa7b,0 0 0 5px #a17d51,0 0 0 7px #151418,0 0 0 8px #515052}}.board-coordinates{z-index:6;font-size:10px;line-height:12px}.files{top:2px}.ranks-axis{width:12px;left:0}