:root{font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Segoe UI,Noto Sans KR,sans-serif;color:#28352f;background:#f5f7f6;font-synthesis:none;font-size:14px;font-weight:400;line-height:1.55;--navy: #293f35;--green: #3c7259;--red: #ad4e47;--cho: #2b6c9b;--muted: #84918a;--line: #e2e8e4;--paper: #ffffff}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{border:0;cursor:pointer;transition:background .16s,border-color .16s,color .16s,box-shadow .16s}button:disabled{cursor:default;opacity:.42}button svg{flex:none}button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #78a98c;outline-offset:3px}h1,h2,h3,p{margin:0}a{color:inherit}strong{font-weight:650}fieldset{margin:0;padding:0;border:0;min-inline-size:0}.app-shell{max-width:1360px;margin:auto}.site-header{height:76px;padding:0 48px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:24px}.brand{padding:0;display:flex;align-items:center;gap:10px;background:transparent;color:var(--navy);text-align:left}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border:1px solid #d8e4dc;border-radius:10px;color:var(--green);background:#edf4ef}.brand-mark svg{width:22px;height:22px}.brand strong{font-size:19px;font-weight:750;letter-spacing:-.45px;line-height:1.2;white-space:nowrap}.brand strong i{margin-left:5px;font-size:16px;font-weight:550;font-style:normal;letter-spacing:-.5px}.site-header nav{margin-left:auto;display:flex;align-items:center;gap:5px}.site-header nav button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:37px;padding:8px 13px;border-radius:9px;color:#667267;background:transparent;font-size:12px}.site-header nav button:hover{color:var(--navy);background:#edf1ee}.site-header nav button.active{color:#315c44;background:#e6efe8;font-weight:650}.nav-count{padding:1px 5px;border-radius:5px;background:#f0f3f0;color:#667267;font-size:10px;font-variant-numeric:tabular-nums}.site-header nav .help-nav{margin-left:4px}.local-label{margin-left:10px;display:flex;align-items:center;gap:6px;color:#667267;font-size:10px;white-space:nowrap}.local-label>span{width:5px;height:5px;border-radius:50%;background:#6c9d7c}.game-page{padding:32px 48px 40px}.page-heading{max-width:984px;margin:0 auto 24px;display:flex;justify-content:space-between;align-items:center;gap:16px}.page-heading>div{min-width:0}.page-heading h1{font-size:25px;line-height:1.35;font-weight:700;letter-spacing:-.8px}.page-heading>div>p:last-child{margin-top:7px;color:#667267;font-size:12px}.mode-label{flex:none;padding:5px 10px;border:1px solid #e0e7e1;border-radius:7px;color:#667267;background:#fbfcfa;font-size:11px}.game-layout{max-width:984px;margin:auto;display:grid;grid-template-columns:minmax(0,620px) minmax(300px,340px);gap:24px;align-items:start}.game-layout>*{min-width:0}.board-card{position:relative;padding:20px 20px 13px;border:1px solid #dfe6e1;border-radius:16px;background:#fff;box-shadow:0 4px 16px #25382c04}.player-row{display:flex;align-items:center;gap:9px;color:#34463a}.player-avatar{flex:none;width:30px;height:30px;display:grid;place-items:center;border:1px solid #d9e5dc;border-radius:9px;background:#edf4ef;font-size:18px;font-weight:600;line-height:1}.player-avatar.cho{color:var(--cho)}.player-avatar.han{color:var(--red);border-color:#ebddda;background:#faf0ed}.player-name{min-width:0}.player-name strong{display:block;font-size:12px;line-height:1.4;font-weight:650}.player-name span{display:block;margin-top:1px;font-size:10px;color:#667267}.player-tag{margin-left:auto;padding:3px 7px;border:1px solid #e5eae5;border-radius:5px;color:#667267;background:#fafbfa;font-size:9px;line-height:1.4}.human-tag{color:#667267;border-color:#dfe9e1;background:#f2f7f2}.opponent-row{padding-bottom:15px}.human-row{padding-top:15px}.board-shell{position:relative;max-width:580px;margin:auto;padding:13px;border:1px solid #d5c3a1;border-radius:11px;background:#e7cfa2}.board{position:relative;width:100%;aspect-ratio:9 / 10;border:1px solid #bca882;border-radius:4px;background:#edd9b2}.board-lines{position:absolute;inset:0;width:100%;height:100%;stroke:#8a7659;stroke-width:1.7;fill:none}.palace-seal,.corner{display:none}.intersection{position:absolute;z-index:3;display:grid;place-items:center;width:10.3%;height:9.1%;padding:0;border-radius:50%;background:transparent;transform:translate(-50%,-50%);opacity:1!important}.intersection:focus-visible{z-index:6;outline:2px solid #46765b;outline-offset:0}.piece{position:relative;display:grid;place-items:center;width:82%;aspect-ratio:1;border:1px solid #cfd9cd;border-radius:50%;background:#fff;box-shadow:0 2px 3px #38442f18;transition:transform .15s,box-shadow .15s,background .15s}.piece>span{font-family:Apple SD Gothic Neo,PingFang SC,Noto Sans CJK KR,Noto Sans CJK SC,Noto Sans KR,sans-serif;font-size:clamp(13px,2.1vw,22px);font-weight:600;line-height:1}.piece.cho{color:var(--cho);border-color:#7395af}.piece.han{color:var(--red);border-color:#bc8276}.piece.soldier{width:68%}.piece.guard{width:73%}.piece.horse,.piece.elephant{width:78%}.piece.soldier>span,.piece.guard>span{font-size:clamp(11px,1.8vw,19px)}.piece.king{width:94%;border-width:1.5px}.piece.king>span{font-size:clamp(17px,2.6vw,26px)}.intersection:not(:disabled):hover .piece{transform:translateY(-1px);box-shadow:0 3px 6px #38442f26;background:#fefffc}.intersection.last-move:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:7px;background:#87aa7c21}.intersection.selected .piece{box-shadow:0 0 0 2px #53805e,0 3px 6px #38442f20;background:#f2f8ef}.legal-dot{display:none}.intersection.legal .legal-dot{display:block;width:18%;aspect-ratio:1;border-radius:50%;background:#4b7b59;box-shadow:0 0 0 4px #86a57418}.capture-ring{position:absolute;inset:4%;border:2px solid #b86b61;border-radius:50%;pointer-events:none}.intersection.in-check .piece{box-shadow:0 0 0 2px #b95d56,0 0 0 5px #b95d561a;background:#fff8f4}.intersection.moving-piece{z-index:8}.intersection.just-captured .piece{animation:capture-pulse .3s ease-out}@keyframes capture-pulse{0%{box-shadow:0 0 0 5px #b86b6138}to{box-shadow:0 2px 3px #38442f18}}.board-caption{margin-top:13px;color:#667267;text-align:center;font-size:10px}.side-panel{padding:22px;border:1px solid #e0e6e1;border-radius:16px;background:var(--paper)}.panel-kicker{margin-bottom:5px;color:#667267;font-size:10px;font-weight:550}.side-panel h2{font-size:20px;font-weight:700;line-height:1.4;letter-spacing:-.6px}.panel-intro{margin:8px 0 20px;color:#667267;font-size:12px;line-height:1.7}.setting-block{margin-bottom:20px}.setting-block legend{display:flex;align-items:center;gap:7px;width:100%;margin-bottom:9px;color:#55685a;font-size:12px;font-weight:600}.setting-block legend>span{color:#667267;font-size:10px;font-weight:450;font-variant-numeric:tabular-nums}.setting-block legend small{margin-left:auto;color:#667267;font-size:9px;font-weight:400}.side-options,.formation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.side-option{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid #e3e8e1;border-radius:9px;color:#647464;background:#fafbf8;text-align:left}.side-option.active{border-color:#96b095;background:#f1f7ed}.side-option>svg{width:14px;margin-left:auto;color:#667267}.side-option>span{min-width:0}.side-symbol{flex:0 0 26px;width:26px;height:26px;display:grid;place-items:center;border-radius:7px;background:#fff;font-size:18px;font-weight:550;line-height:1}.cho{color:var(--cho)}.han{color:var(--red)}.side-option strong{display:block;font-size:12px}.side-option small{display:block;margin-top:1px;color:#667267;font-size:9px}.formation-card{padding:11px 6px 9px;border:1px solid #e3e8e0;border-radius:9px;color:#667267;background:#fafbf8}.formation-card.active{border-color:#96b095;background:#f1f7ed}.mini-lineup{display:flex;align-items:center;justify-content:center;gap:5px}.mini-piece{display:grid;place-items:center;width:22px;height:22px;border:1px solid #c7d3de;border-radius:50%;background:#fff;font-size:13px;line-height:1}.opponent-grid{margin-top:10px}.formation-card.active[data-formation-side=cho]{border-color:#7296b3;background:#eef4f8;box-shadow:inset 0 0 0 1px #7296b3}.formation-card.active[data-formation-side=han]{border-color:#bd8d84;background:#fbf2ef;box-shadow:inset 0 0 0 1px #bd8d84}.formation-card.active[data-formation-side=cho] .formation-name{color:#356b93}.formation-card.active[data-formation-side=han] .formation-name{color:#9b544b}.formation-name{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding:0 2px;font-size:10px}.formation-card.active .formation-name{color:#557b51;font-weight:600}.segmented{display:flex;gap:3px;padding:3px;border:1px solid #e5e9e2;border-radius:9px;background:#f0f3ed}.segmented button{flex:1;min-width:0;padding:7px 5px;border-radius:6px;color:#667267;background:transparent;font-size:10px;white-space:nowrap}.segmented button.active{color:#536a4b;background:#fff;box-shadow:0 1px 3px #2f462e0b;font-weight:600}.match-mode button{padding:8px 5px;font-size:11px}.setting-note{margin-top:7px;color:#667267;font-size:10px;line-height:1.6}.difficulty-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.difficulty-options button{padding:10px 4px;border:1px solid #e3e8dc;border-radius:9px;color:#667267;background:#fafbf7}.difficulty-options button.active{border-color:#96b095;color:#56794d;background:#f1f7ed}.difficulty-options strong{display:block;font-size:11px;font-weight:600}.difficulty-options small{display:block;margin-top:3px;color:#667267;font-size:9px;font-variant-numeric:tabular-nums}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:10px 14px;border:1px solid transparent;border-radius:9px;font-size:11px;font-weight:600;line-height:1.45}.button.full{width:100%}.button.primary{border-color:#3c694d;color:#fff;background:#3c694d}.button.primary:not(:disabled):hover{border-color:#31583d;background:#31583d;box-shadow:0 3px 7px #31583d12}.button.secondary{border-color:#e0e7d9;color:#667267;background:#f8faf4}.button.secondary:not(:disabled):hover{border-color:#b8c9a8;color:#587a44;background:#f0f5e7}.start-button{justify-content:space-between;margin-top:1px;min-height:45px;padding:12px 15px;font-size:12px}.private-note{margin-top:11px;color:#667267;font-size:9px;text-align:center}.setting-block select{width:100%;min-width:0;margin-top:9px;padding:9px 10px;border:1px solid #dfe7d7;border-radius:8px;color:#667267;background:#fff;font-size:11px}.recovery-box{margin-bottom:20px;padding:12px;border:1px solid #cddfbd;border-radius:10px;background:#f5f9ed}.recovery-box>div{display:flex;align-items:center;gap:7px;color:#667267;font-size:11px}.recovery-box p{margin:6px 0 10px;color:#667267;font-size:10px}.recovery-box .button{min-height:35px;padding:8px;font-size:10px}.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.panel-title-row h2{min-width:0;font-size:19px}.ply-count{flex:none;padding:4px 7px;border-radius:6px;color:#667267;background:#f3f7eb;font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap}.status-badge{display:flex;align-items:center;gap:7px;min-height:38px;margin-top:15px;padding:10px 11px;border:1px solid #e1e8d8;border-radius:8px;color:#667267;background:#f4f7ed;font-size:11px}.status-badge.your-turn{color:#667267;border-color:#dce9ca;background:#f0f7e6}.status-dot{flex:none;width:6px;height:6px;border-radius:50%;background:#82a667}.status-badge.neutral{color:#667267;border-color:#e9edde;background:#f8faef}.status-badge.check-state{color:#667267;border-color:#edddc4;background:#fcf6e9}.status-badge.thinking{color:#667267;border-color:#dde8d3;background:#f2f7eb}.status-badge.finished{color:#667267;border-color:#e0e8ca;background:#f5f8e9}.spinner{flex:none;width:12px;height:12px;border:1.5px solid #c2d3af;border-top-color:#83a566;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.evaluation{margin-top:22px}.evaluation-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#667267;font-size:10px}.evaluation-heading strong{color:#667267;font-size:11px;font-weight:600}.eval-track{height:6px;margin-top:10px;border-radius:4px;overflow:hidden;background:#d5a395}.eval-track span{display:block;height:100%;background:#a3bb80;transition:width .4s ease}.eval-labels{display:flex;justify-content:space-between;align-items:center;margin-top:6px;color:#667267;font-size:9px}.eval-labels>span{display:flex;align-items:center;gap:4px}.eval-labels small{color:#667267;font-size:8px}.cho-dot,.han-dot{display:block;width:5px;height:5px;border-radius:50%;background:#a1b980}.han-dot{background:#d5a395}.search-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:3px;padding:17px 0 14px;border-bottom:1px solid #eaf0e0;text-align:center}.search-stats>div+div{border-left:1px solid #eaf0e0}.search-stats strong{display:block;color:#667267;font-size:21px;font-weight:550;line-height:1.2;font-variant-numeric:tabular-nums}.search-stats span{display:block;margin-top:5px;color:#667267;font-size:9px}.material-note{margin-top:8px;color:#667267;font-size:9px;line-height:1.6}.game-actions{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:8px;margin-top:19px}.game-actions .full{grid-column:1 / -1}.game-actions .button{padding:10px 7px;font-size:10px}.game-actions .button svg{width:15px}.bikjang{color:#667267!important;border-color:#ece4ca!important;background:#fbf8e9!important}.spectator-actions p{grid-column:1 / -1;color:#667267;font-size:9px;line-height:1.7;text-align:center}.spectator-intro{margin-bottom:20px;padding:11px;border:1px solid #e3eccf;border-radius:8px;color:#667267;background:#f8fbef;font-size:10px;line-height:1.8}.coach-card{margin-top:21px;padding:13px;border:1px solid #e7efd9;border-radius:10px;background:#f8fbf1}.section-label{display:flex;align-items:center;gap:6px;color:#667267;font-size:11px;font-weight:600}.section-label>span{margin-left:auto;color:#667267;font-size:8px;font-weight:400}.coach-empty,.coach-text{margin-top:9px;color:#667267;font-size:11px;line-height:1.8;overflow-wrap:anywhere}.coach-title{margin-top:10px;color:#667267;font-size:12px;font-weight:600}.coach-text span{color:#667267}.moves-details{margin-top:20px;padding-top:14px;border-top:1px solid #e9f0dc}.moves-details>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#667267;font-size:11px;list-style:none;cursor:pointer}.moves-details>summary::-webkit-details-marker{display:none}.moves-details>summary>span{display:flex;align-items:center;gap:5px;color:#667267;font-size:9px}.moves-details[open]>summary svg{transform:rotate(90deg)}.no-moves{padding:18px 0;color:#667267;font-size:10px;text-align:center}.move-list{max-height:195px;margin:10px 0 0;padding:0;overflow-y:auto;list-style:none;scrollbar-width:thin;scrollbar-color:#dce7cb transparent}.move-list li{display:flex;align-items:center;gap:6px;min-height:33px;padding:7px 6px;border-bottom:1px solid #f0f5e7;color:#667267;font-size:10px}.move-list li.current{border-radius:5px;background:#f0f6e4}.move-number{min-width:19px;color:#667267;font-size:9px;font-variant-numeric:tabular-nums}.move-side{padding:0 3px;border:1px solid #e2edcf;border-radius:3px;font-size:9px}.move-notation{flex:1;min-width:0}.move-depth{margin-left:auto;color:#667267;font-size:8px;font-variant-numeric:tabular-nums}.move-list button{flex:1;min-width:0;padding:0;color:#667267;background:none;font-size:10px;text-align:left}.bottom-actions{display:flex;justify-content:space-between;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid #eaf1dc}.bottom-actions button{display:flex;align-items:center;gap:5px;padding:0;color:#667267;background:none;font-size:10px}.bottom-actions button:hover{color:#667267}.result-card{margin-top:18px;padding:16px 12px;border:1px solid #e5efd4;border-radius:10px;background:#f9fcf2;text-align:center}.result-symbol{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;color:#667267;background:#f0f6e4}.result-card h3{margin:9px 0 6px;color:#667267;font-size:17px;font-weight:650}.result-card p{margin-bottom:13px;color:#667267;font-size:11px;line-height:1.8}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 48px 25px;border-top:1px solid var(--line);color:#667267;font-size:10px}.site-footer i{margin:0 6px;font-style:normal}.site-footer button{display:flex;align-items:center;gap:5px;padding:0;color:#667267;background:none;font-size:10px}.notice{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 48px 0;padding:12px 14px;border:1px solid #d9eac5;border-radius:10px;color:#667267;background:#f4faea;font-size:11px}.notice>span{min-width:0;overflow-wrap:anywhere}.notice.warning{color:#667267;border-color:#eee1c3;background:#fdf9ee}.notice button{display:flex;flex:none;padding:0;color:inherit;background:none}.records-page{max-width:1080px;min-height:calc(100vh - 148px);margin:auto;padding:34px 48px 42px}.records-heading{display:flex;justify-content:space-between;align-items:end;gap:24px}.records-heading h1{color:var(--navy);font-size:25px;font-weight:700;letter-spacing:-.8px}.records-heading>div>p{margin-top:8px;color:#667267;font-size:12px}.record-tools{display:flex;gap:8px}.record-tools .button{min-height:37px;padding:9px 12px;font-size:10px}.record-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 2fr;align-items:center;gap:18px;margin-top:26px;padding:22px;border:1px solid #e1ecd2;border-radius:13px;color:#667267;background:#f3f8e9}.record-stats strong{display:block;font-size:26px;font-weight:600;line-height:1.2;font-variant-numeric:tabular-nums}.record-stats span{display:block;margin-top:5px;color:#667267;font-size:10px}.record-stats>p{position:relative;padding-left:27px;color:#667267;font-size:10px;line-height:1.9}.record-stats>p>svg{position:absolute;left:0;top:3px;color:#667267}.record-stats small{color:#667267;font-size:9px}.record-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}.record-card{min-width:0;padding:20px;border:1px solid #e2ecd4;border-radius:13px;background:var(--paper);text-align:left}.record-card:hover{border-color:#bbd49c;box-shadow:0 3px 12px #7693440b}.record-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#667267;font-size:10px}.result-pill{flex:none;padding:3px 8px;border-radius:5px;color:#667267;background:#f9f5e9;font-size:9px}.result-pill.win{color:#667267;background:#f3f8e9}.result-pill.draw{color:#667267;background:#f7f9ef}.record-match{display:flex;align-items:center;gap:12px;margin:17px 0}.record-side{display:grid;flex:none;place-items:center;width:36px;height:36px;border:1px solid #e3e9d8;border-radius:10px;background:#fafcf5;font-size:22px;line-height:1}.record-match>div{flex:1;min-width:0}.record-match strong{color:#667267;font-size:12px;font-weight:600}.record-match small{margin:0 4px;color:#667267;font-size:9px;font-weight:400}.record-match p{margin-top:5px;color:#667267;font-size:10px}.record-match>svg{width:18px;color:#667267}.record-card-bottom{display:flex;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid #f0f5e7;color:#667267;font-size:9px}.empty-records{margin-top:22px;padding:60px 20px 65px;border:1px solid #e5efd8;border-radius:13px;background:#fff;text-align:center}.empty-seal{display:inline-grid;place-items:center;width:60px;height:60px;border-radius:18px;color:#667267;background:#f8fbf2}.empty-records h2{margin-top:16px;color:#667267;font-size:18px;font-weight:650}.empty-records p{margin:9px 0 21px;color:#667267;font-size:12px}.record-footnote{margin-top:24px;color:#667267;font-size:10px;line-height:1.8;text-align:center}.replay-controls{display:flex;align-items:center;gap:4px;margin-top:15px;padding:5px;border:1px solid #e3eed3;border-radius:9px;background:#f8fcf0}.replay-controls button{display:flex;flex:none;align-items:center;justify-content:center;width:34px;height:33px;border-radius:6px;color:#667267;background:none}.replay-controls button:not(:disabled):hover{background:#eef7de}.replay-controls>span{flex:1;min-width:0;color:#667267;font-size:12px;text-align:center;font-variant-numeric:tabular-nums}.replay-controls small{color:#667267;font-size:10px}.rotate{display:flex;transform:rotate(180deg)}.review-card{margin-top:22px;padding-top:17px;border-top:1px solid #e8f2d9}.review-card>p{margin-top:11px;color:#667267;font-size:11px;line-height:1.8;overflow-wrap:anywhere}.review-card h3{margin-top:18px;color:#667267;font-size:11px;font-weight:600}.turning-point{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:8px;width:100%;padding:12px 0;border-bottom:1px solid #eff7e4;color:#667267;background:none;text-align:left}.turning-point>span{padding:3px 5px;border-radius:4px;background:#f1f8e5;font-size:9px}.turning-point strong{font-size:11px;font-weight:600}.turning-point p{margin-top:4px;color:#667267;font-size:10px;line-height:1.8;overflow-wrap:anywhere}.turning-point svg{margin-top:5px;color:#667267}.review-muted{color:#667267!important;font-size:10px!important}.review-card ul{margin:9px 0 0;padding-left:16px;color:#667267;font-size:10px;line-height:1.8}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.help-dialog{width:min(680px,calc(100vw - 32px));max-height:90vh;max-height:90dvh;padding:0;border:1px solid #dfe9d7;border-radius:16px;color:#667267;background:var(--paper);box-shadow:0 24px 70px #25382924}.help-dialog::backdrop{background:#1f302b66;backdrop-filter:blur(3px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:23px 24px 19px;border-bottom:1px solid #e8f0df}.dialog-header>div{min-width:0}.dialog-header h2{color:#667267;font-size:19px;font-weight:700;letter-spacing:-.5px}.icon-button{display:flex;flex:none;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;color:#667267;background:#f6f9ef}.help-content{max-height:calc(90vh - 170px);max-height:calc(90dvh - 170px);padding:22px 24px;overflow:auto}.help-content section+section{margin-top:23px;padding-top:20px;border-top:1px solid #eaf2df}.help-content h3{margin-bottom:9px;color:#667267;font-size:13px;font-weight:650}.help-content p{margin-top:6px;color:#667267;font-size:12px;line-height:1.9;overflow-wrap:anywhere}.rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;margin-top:18px}.rule-grid strong{color:#667267;font-size:12px}.rule-grid p{margin-top:3px;font-size:11px}.dialog-footer{display:flex;justify-content:end;padding:15px 24px 19px;border-top:1px solid #eaf2df}.dialog-footer .button{padding:10px 17px}@media(max-width:1100px){.site-header,.site-footer,.game-page,.records-page{padding-left:32px;padding-right:32px}.local-label{display:none}.game-layout{grid-template-columns:minmax(0,1fr) 320px;gap:20px}.side-panel{padding:20px}.notice{margin-left:32px;margin-right:32px}}@media(max-width:860px){.site-header{height:68px;padding:0 24px;gap:18px}.brand strong{font-size:17px}.brand strong i{font-size:14px}.site-header nav button{padding:8px 10px;font-size:11px}.help-nav>span,.sound-nav>span{display:none}.game-page,.records-page{padding:28px 24px 34px}.game-layout{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.board-card{padding:16px 14px 12px}.board-shell{padding:9px}.side-panel{padding:18px}.side-panel h2{font-size:18px}.panel-intro,.setting-block legend{font-size:11px}.setting-block legend small{font-size:8px}.side-option{padding:9px 7px;gap:6px}.side-symbol{flex-basis:23px;width:23px;height:23px;font-size:16px}.side-option small{font-size:8px}.side-option>svg{width:12px}.record-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.record-stats>p{display:none}.site-footer{padding-left:24px;padding-right:24px}.notice{margin-left:24px;margin-right:24px}}@media(max-width:700px){.site-header{height:62px;padding:0 16px;gap:12px}.brand{gap:8px}.brand-mark{width:30px;height:30px;border-radius:8px}.brand-mark svg{width:19px;height:19px}.brand strong{font-size:16px}.brand strong i{margin-left:4px;font-size:13px}.site-header nav{gap:3px}.site-header nav button{min-height:34px;padding:7px 8px}.site-header nav .help-nav{margin-left:0;padding:7px}.nav-count{font-size:9px}.game-page,.records-page{padding:24px 16px 30px}.page-heading{max-width:560px;margin-bottom:20px;align-items:start}.page-heading h1{font-size:23px}.page-heading>div>p:last-child{font-size:11px;line-height:1.7}.mode-label{margin-top:3px;padding:4px 7px;font-size:9px}.game-layout{max-width:560px;grid-template-columns:minmax(0,1fr);gap:18px}.board-card{width:100%;padding:14px 12px 11px;border-radius:14px}.board-shell{padding:9px;border-radius:9px}.player-avatar{width:28px;height:28px;border-radius:8px;font-size:17px}.player-name strong{font-size:11px}.player-name span{font-size:9px}.player-tag{font-size:8px}.opponent-row{padding-bottom:12px}.human-row{padding-top:12px}.piece>span{font-size:clamp(12px,3.6vw,22px)}.piece.soldier>span,.piece.guard>span{font-size:clamp(11px,3vw,19px)}.piece.king>span{font-size:clamp(16px,4.5vw,27px)}.intersection.moving-piece{z-index:8}.intersection.just-captured .piece{animation:capture-pulse .3s ease-out}@keyframes capture-pulse{0%{box-shadow:0 0 0 5px #b86b6138}to{box-shadow:0 2px 3px #38442f18}}.board-caption{margin-top:10px;font-size:9px}.side-panel{width:100%;padding:20px;border-radius:14px}.side-panel h2{font-size:20px}.panel-intro{font-size:12px}.setting-block{margin-bottom:20px}.setting-block legend{font-size:12px}.setting-block legend small{font-size:9px}.side-option{padding:10px;gap:8px}.side-symbol{flex-basis:26px;width:26px;height:26px;font-size:18px}.side-option small{font-size:9px}.side-option>svg{width:14px}.side-panel .game-actions .button{font-size:11px}.coach-empty,.coach-text{font-size:12px}.coach-title{font-size:13px}.search-stats strong{font-size:23px}.move-list li,.move-list button,.bottom-actions button{font-size:11px}.records-heading{flex-direction:column;align-items:start;gap:17px}.records-heading h1{font-size:23px}.record-tools{width:100%}.record-tools .button{flex:1;font-size:11px}.record-stats{margin-top:21px;padding:19px 16px;gap:8px}.record-stats strong{font-size:24px}.record-stats span{font-size:9px}.record-grid{grid-template-columns:minmax(0,1fr);gap:12px}.record-card{padding:18px}.record-match strong{font-size:13px}.record-card-bottom{font-size:10px}.record-footnote{font-size:11px}.replay-controls button{width:36px;height:35px}.review-card>p,.review-card h3,.turning-point strong{font-size:12px}.turning-point p,.review-card ul{font-size:11px}.notice{margin-left:16px;margin-right:16px}.site-footer{flex-direction:column;align-items:center;gap:8px;padding:18px 16px 21px;font-size:9px}.site-footer button{font-size:9px}.dialog-header{padding:20px 18px 17px}.dialog-header h2{font-size:18px}.help-content{padding:18px}.rule-grid{gap:14px}.dialog-footer{padding:14px 18px 17px}}@media(max-width:390px){.nav-count,.mode-label{display:none}.side-panel{padding:18px}.page-heading h1{font-size:22px}.page-heading>div>p:last-child{font-size:10px}.side-option{padding:9px 7px;gap:6px}.side-option small{font-size:8px}.side-option>svg{width:12px}.game-actions .button{gap:5px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}