.chess-layout{grid-template-columns:minmax(0,600px);justify-content:center;gap:24px;width:min(600px,100% - 24px);margin:0 auto;display:grid}.chess-frame{border:12px solid #594b3e;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 12px 28px #3c291b20}.chess-board{aspect-ratio:1;grid-template-columns:repeat(8,1fr);display:grid}.chess-square{aspect-ratio:1;cursor:pointer;background:#eddfc5;border:0;border-radius:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.chess-piece{width:100%;height:100%;display:block}.chess-square>.chess-piece{filter:drop-shadow(0 2px 1px #1a251b30);width:78%;height:88%}.chess-square.dark{background:#8e9b7c}.chess-square.selected{background:#e9c572}.chess-square.last{box-shadow:inset 0 0 0 3px #bc8238}.chess-square.legal:after{content:"●";color:#213e2c;font-size:16px;position:absolute;bottom:3px;right:5px}.chess-square.check{background:#d58a78}.chess-square:focus-visible{z-index:1;outline-offset:-4px;outline:3px solid #176aa2}.chess-square small{color:#292d25;font-size:10px;position:absolute;top:3px;left:3px}.chess-history-dialog h2{margin:0 32px 20px 0;font-size:22px}.chess-history-dialog ol{font-variant-numeric:tabular-nums;margin:0;padding-left:28px;font-size:14px}.chess-history-dialog li{border-bottom:1px solid #172a271c;padding:12px 0}.chess-history-dialog li::marker{color:var(--muted)}.chess-history-move{align-items:center;gap:8px;line-height:1.8;display:flex}.chess-history-move i{flex:0 0 24px;height:30px}.chess-history-dialog li p{color:#58675f;margin:6px 0 0 32px;font-size:12px;line-height:1.8}#historyEmpty{color:var(--muted);line-height:1.8}.chess-board-toolbar{justify-content:space-between;align-items:center;gap:12px;margin:0 0 10px;display:flex}#statusText{color:var(--green-dark);font-size:12px;font-weight:600;line-height:1.7}.chess-status-actions{align-items:center;gap:12px;display:flex}.chess-status-actions #historyButton{gap:6px;width:auto;padding:8px 12px}.chess-status-actions #historyButton span{display:inline}.chess-status-actions>span{color:var(--muted);font-size:12px}.chess-play .game-start-overlay button{color:#fff;background:var(--green-dark);border:0;border-radius:10px;padding:14px 22px;font-weight:700}.chess-play .game-start-overlay[hidden]{display:none}.brand-mark.chess-brand-mark{align-items:center;width:48px;display:flex}.brand-mark.chess-brand-mark i{width:28px;height:34px;display:block}.brand-mark.chess-brand-mark i+i{margin-left:-6px;transform:translateY(3px)}.guide-dialog.chess-guide{width:min(760px,100% - 32px)}.chess-guide-mark{flex:0 0 46px;width:46px;height:54px}.chess-guide h3{margin:24px 0 12px;font-size:17px}.chess-guide .guide-steps h3{margin:-3px 0 5px;font-size:14px}.chess-guide .guide-steps p{font-size:13px}.chess-guide-legend{color:var(--green-dark);margin:0 0 8px;font-size:12px;font-weight:700;line-height:1.8}.chess-guide-note{color:#58675f;margin:8px 0 18px;font-size:12px;line-height:1.8}.chess-piece-cards{grid-template-columns:1fr 1fr;gap:12px;display:grid}.chess-piece-card{background:#fffaf0;border:1px solid #172a271c;border-radius:11px;grid-template-columns:112px minmax(0,1fr);align-items:start;gap:12px;padding:14px;display:grid}.chess-piece-card h4{align-items:center;gap:6px;margin:0 0 6px;font-size:15px;display:flex}.chess-guide-piece-icon{width:22px;height:26px;display:block}.chess-piece-card strong{color:var(--green-dark);font-size:12px;line-height:1.7;display:block}.chess-piece-card p{color:#58675f;margin:6px 0 0;font-size:12px;line-height:1.8}.chess-move-diagram{aspect-ratio:1;border:1px solid #8e9b7c;border-radius:5px;grid-template-rows:repeat(7,minmax(0,1fr));grid-template-columns:repeat(7,minmax(0,1fr));width:112px;display:grid;overflow:hidden}.chess-move-diagram>span{aspect-ratio:1;color:#175243;background:#eddfc5;place-items:center;min-width:0;min-height:0;font-size:10px;font-weight:700;line-height:1;display:grid}.chess-move-diagram .dark{background:#b6bea6}.chess-move-diagram .capture{color:#aa3827}.chess-rule-example{background:#172a2708;border-radius:8px;margin:0 0 16px 50px;padding:12px;font-size:12px;font-weight:600;line-height:1.8}.chess-result-piece{width:64px;height:74px;margin:0 auto 12px}.promotion-options{flex-wrap:wrap;gap:12px;display:flex}.promotion-options button{cursor:pointer;background:#fffaf0;border:1px solid #cfc6b4;border-radius:8px;justify-items:center;gap:8px;padding:14px;display:grid}.promotion-options [data-chess-piece]{width:40px;height:48px;display:block}@media (width<=700px){.chess-layout{grid-template-columns:minmax(0,1fr)}.chess-frame{border-width:7px}.chess-square small{font-size:8px}.chess-piece-cards{grid-template-columns:1fr}.chess-piece-card{grid-template-columns:112px minmax(0,1fr)}.chess-rule-example{margin-left:0}}@media (width<=380px){.chess-piece-card{grid-template-columns:91px minmax(0,1fr);gap:10px;padding:10px}.chess-move-diagram{width:91px}}.chess-kings{justify-content:center;gap:20px;margin:12px 0 4px;display:flex}.chess-kings>span{align-items:center;gap:5px;display:flex}.chess-kings i{width:18px;height:23px;display:block}.chess-kings b{font-size:11px;font-weight:600}.chess-king-hint{color:#58675f;text-align:center;margin:4px 8px 12px;font-size:11px;line-height:1.8}.mode-panel.chess-mode-panel{width:min(600px,100% - 24px);box-shadow:none;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px;margin-bottom:18px;padding:14px 16px}.mode-panel.chess-mode-panel .mode-heading{grid-column:1/-1;justify-content:flex-start}.mode-panel.chess-mode-panel .mode-heading>span{display:none}.mode-panel.chess-mode-panel .mode-heading strong{font-size:12px}.mode-panel.chess-mode-panel .mode-field{gap:6px;min-width:0}.mode-panel.chess-mode-panel .mode-field label{font-size:11px}.mode-panel.chess-mode-panel .select-wrap select{border-radius:8px;height:44px;min-height:44px;padding-left:12px;font-size:14px}.mode-panel.chess-mode-panel:not(.local-mode) #sideField{grid-column:auto;justify-self:stretch;width:auto}.mode-panel.chess-mode-panel>p{text-align:left;grid-column:1/-1;font-size:11px;line-height:1.7}.mode-panel.chess-mode-panel.local-mode .mode-field:not(.side-field){grid-column:1/-1;justify-self:stretch;width:100%}@media (width<=520px){.mode-panel.chess-mode-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.mode-panel.chess-mode-panel .mode-field:not(.side-field){grid-column:1/-1}.mode-panel.chess-mode-panel .select-wrap select{font-size:16px}}@media (width<=360px){.mode-panel.chess-mode-panel{grid-template-columns:minmax(0,1fr)}}