@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Cinzel:wght@700&display=swap";.back-btn{color:#ffffffb3;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff24;border-radius:20px;align-items:center;gap:6px;padding:6px 14px 6px 10px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.back-btn:hover,.back-btn:focus-visible{color:#fff;background:#ffffff1f;border-color:#ffffff4d;outline:none}.back-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.back-arrow{font-size:14px;line-height:1}:root{--sq:clamp(38px, calc((min(100vw, 900px) - 480px) / 9 + 38px), 70px);--board-size:calc(var(--sq) * 9);--board-border-w:6px;--light:#f0d9b5;--dark:#b58863;--center-light:#e8c84a;--center-dark:#c9a830;--center-hold-light:#f5a623;--center-hold-dark:#d4891c;--sel-overlay:#14dc3c73;--move-dot-color:#14c83ca6;--capture-ring:#dc282899;--promote-ring:#a03cf099;--check-glow:#e61e1ed9;--bg:#1a1a2e;--bg-card:#16213e;--bg-card2:#0f3460;--accent:#e94560;--accent2:#533483;--text:#e8e8f0;--text-muted:#88a;--border:#ffffff14;--white-piece:#fff;--black-piece:#1a1a1a;--diplomat-c:#60a5fa;--board-border:#3d2b1a;--font-ui:"Inter", system-ui, sans-serif;--font-board:"Cinzel", serif;--radius:12px;--radius-sm:6px;--trans:.15s ease;--panel-w:clamp(160px, 18vw, 210px);--layout-gap:clamp(8px, 1.5vw, 20px);--body-pad-x:clamp(8px, 2vw, 20px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-ui);background:var(--bg);color:var(--text);min-height:100svh;padding:12px var(--body-pad-x) 32px;flex-direction:column;align-items:center;display:flex;overflow-x:hidden}#app{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:1400px;display:flex}.game-header{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;width:100%;padding:6px 0 10px;display:grid}.game-header-nav{justify-self:start}.game-identity{text-align:center;justify-self:center}.game-header-controls{justify-self:end;align-items:center;gap:12px;display:flex}.game-title{font-family:var(--font-board);letter-spacing:.18em;color:#e8c87a;text-shadow:0 1px 2px #0009,0 0 24px #e8c86426;font-size:clamp(20px,3.2vw,36px);line-height:1.05}.game-subtitle{font-family:var(--font-board);letter-spacing:.35em;text-transform:uppercase;color:#e8c87a8c;margin-top:2px;font-size:clamp(9px,1.3vw,14px)}.game-tagline{font-family:var(--font-ui);letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);opacity:.7;margin-top:5px;font-size:clamp(9px,1vw,11px)}.header-separator{background:linear-gradient(90deg,#0000 0%,#c8a03c14 20%,#c8a03c47 40%,#c8a03c61 50%,#c8a03c47 60%,#c8a03c14 80%,#0000 100%);width:100%;height:1px;margin-bottom:4px}.game-layout{grid-template-columns:var(--panel-w) 1fr var(--panel-w);gap:var(--layout-gap);grid-template-areas:"left board right";align-items:start;width:100%;min-width:0;display:grid}.left-panel{grid-area:left}.board-section{grid-area:board}.right-panel{grid-area:right}.side-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:16px;width:100%;min-width:0;padding:14px;display:flex}.panel-heading{letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);margin-bottom:10px;padding-bottom:6px;font-size:11px;font-weight:600}.player-panel{background:var(--bg-card2);border-radius:var(--radius-sm);border:1px solid var(--border);transition:border-color var(--trans), box-shadow var(--trans);flex-direction:column;gap:8px;padding:12px 14px;display:flex}.player-panel .player-name{font-family:var(--font-board);letter-spacing:2px;margin-bottom:4px;font-size:16px}.player-status{letter-spacing:1.5px;text-transform:uppercase;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.status-dot{border:2px solid;border-radius:50%;width:8px;height:8px}.player-status.active{color:#e8c87a}.player-status.active .status-dot{background-color:#e8c87a;border-color:#e8c87a;box-shadow:0 0 8px #e8c87a66}.player-status.waiting{color:var(--text-muted)}.player-status.waiting .status-dot{border-color:var(--text-muted);background-color:#0000}.player-panel:has(.player-status.active){border-color:#e8c87a4d;box-shadow:0 4px 12px #e8c87a0d}.player-details{border-top:1px solid var(--border);flex-direction:column;gap:4px;margin-top:8px;padding-top:8px;display:flex}.detail-row{letter-spacing:1px;color:var(--text-muted);justify-content:space-between;align-items:center;font-size:10px;font-weight:600;display:flex}.detail-row .val{font-weight:700}.val-safe{color:#fff9}.val-warn{color:#f55;text-shadow:0 0 4px #f556}.val-hold{color:var(--center-hold-light);margin-top:2px}.val-over{color:#e8c87a;margin-top:4px;font-size:12px}[hidden]{display:none!important}.game-message.msg-invalid{color:#f0c060;background:#96641433;border:1px solid #96641466}.game-message.msg-info{color:#aaf;background:#5050c826;border:1px solid #5050c84d}.history-section{flex-direction:column;flex:1;min-height:0;display:flex}.move-history-list{scrollbar-width:thin;scrollbar-color:var(--bg-card2) transparent;flex-direction:column;gap:3px;max-height:380px;padding-right:4px;list-style:none;display:flex;overflow-y:auto}.move-history-list li{color:var(--text-muted);background:#ffffff08;border-left:3px solid #0000;border-radius:4px;padding:5px 8px;font-size:12px;line-height:1.4}.move-history-list li:last-child{color:var(--text);border-left-color:var(--accent);background:#ffffff12}.move-history-list .mv-white{border-left-color:#ffffff4d}.move-history-list .mv-black{border-left-color:#6464c880}.move-history-list .mv-num{color:var(--text-muted);margin-right:4px;font-size:11px}.move-history-list .mv-tag{border-radius:3px;margin-left:4px;padding:1px 5px;font-size:10px;font-weight:600;display:inline-block}.mv-tag.capture{color:#f88;background:#dc282840}.mv-tag.promote{color:#c8f;background:#a03cf040}.mv-tag.check{color:#fa5;background:#ff640040}.mv-tag.convert{color:#6da;background:#3cc87840}.mv-tag.center{color:#f5c060;background:#f5a62340}.board-section{flex-direction:column;justify-self:center;align-items:center;gap:4px;min-width:0;display:flex;overflow:visible}.file-labels,.rank-labels{font-size:clamp(9px, calc(var(--sq) * .18), 12px);color:var(--text-muted);font-weight:600;font-family:var(--font-ui);letter-spacing:.5px;display:flex}.file-labels{width:var(--board-size);margin-left:26px}.file-labels span{width:var(--sq);text-align:center;flex-shrink:0}.rank-label-spacer{width:0}.board-with-ranks{align-items:stretch;gap:4px;display:flex}.rank-labels{flex-direction:column;flex-shrink:0;justify-content:space-around;align-items:center;width:22px}.rank-labels span{height:var(--sq);justify-content:center;align-items:center;display:flex}#board-container{grid-template-columns:repeat(9, var(--sq));grid-template-rows:repeat(9, var(--sq));border:var(--board-border-w) solid var(--board-border);-webkit-user-select:none;user-select:none;max-width:min(var(--board-size), calc(100% - 0px));border-radius:4px;display:grid;overflow:hidden;box-shadow:0 0 0 2px #ffc86426,0 20px 60px #000000b3,0 4px 16px #00000080}.square{width:var(--sq);height:var(--sq);cursor:pointer;transition:filter var(--trans);justify-content:center;align-items:center;display:flex;position:relative}.square:hover{filter:brightness(1.12)}.square.light{background:var(--light)}.square.dark{background:var(--dark)}.square.center-sq:after,.square.center-hold:after{content:"★";opacity:.6;pointer-events:none;color:#00000080;font-size:8px;position:absolute;bottom:1px;right:3px}.square.selected:before{content:"";background:var(--sel-overlay);pointer-events:none;z-index:1;position:absolute;inset:0}.square.can-move:after{content:"";background:var(--move-dot-color);pointer-events:none;z-index:2;border-radius:50%;width:30%;height:30%;position:absolute}.square.can-capture:before{content:"";border:4px solid var(--capture-ring);pointer-events:none;z-index:1;border-radius:50%;position:absolute;inset:3px}.square.can-promote:before{content:"";border:4px solid var(--promote-ring);pointer-events:none;z-index:1;border-radius:50%;position:absolute;inset:3px}.square.in-check{background:radial-gradient(circle,#dc1e1ed9 0%,#96000080 60%,#0000 100%)!important}.square.flash-invalid{animation:.4s flashInvalid}@keyframes flashInvalid{0%{filter:brightness()}25%{filter:brightness(.5)sepia()hue-rotate(-40deg)saturate(3)}50%{filter:brightness(1.3)sepia()hue-rotate(-40deg)saturate(3)}to{filter:brightness()}}.piece{font-size:clamp(22px, calc(var(--sq) * .56), 36px);font-weight:900;font-family:var(--font-board);-webkit-user-select:none;user-select:none;pointer-events:none;z-index:3;line-height:1;transition:transform .1s;position:relative}.piece.white-piece{color:var(--white-piece);text-shadow:0 0 3px #0009,0 1px 4px #000c}.piece.black-piece{color:var(--black-piece);text-shadow:0 0 3px #ffffff4d,0 1px 4px #00000080}.piece.diplomat-piece{color:var(--diplomat-c);text-shadow:0 0 8px #60a5fa99}.mode-selector{border:1px solid var(--border);background:#00000040;border-radius:8px;gap:4px;width:fit-content;margin:0 auto 10px;padding:3px;display:flex}.mode-btn{font-family:var(--font-ui);color:var(--text-muted);cursor:pointer;transition:background var(--trans), color var(--trans);letter-spacing:.3px;white-space:nowrap;background:0 0;border:none;border-radius:5px;padding:6px 18px;font-size:13px;font-weight:600}.mode-btn:hover{color:var(--text);background:#ffffff12}.mode-btn.active{color:#fff;background:#ffffff1f;box-shadow:0 1px 4px #0000004d}.mode-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mode-panel{border:1px solid var(--border);border-radius:var(--radius-sm);background:#0000002e;flex-direction:column;gap:10px;margin-bottom:10px;padding:10px 14px;animation:.18s panelFadeIn;display:flex}@keyframes panelFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.settings-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.setting-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;min-width:72px;font-size:12px;font-weight:600}.seg-control{border:1px solid var(--border);background:#0003;border-radius:6px;gap:2px;padding:2px;display:flex}.seg-btn{font-family:var(--font-ui);color:var(--text-muted);cursor:pointer;transition:background var(--trans), color var(--trans);white-space:nowrap;background:0 0;border:none;border-radius:4px;padding:5px 14px;font-size:12px;font-weight:600}.seg-btn:hover{color:var(--text);background:#ffffff14}.seg-btn.active{color:#fff;background:#ffffff26;box-shadow:0 1px 3px #0000004d}.seg-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.online-pregame{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.join-group{align-items:center;gap:4px;display:flex}.room-input{color:#fff;font-family:var(--font-ui);text-transform:uppercase;text-align:center;letter-spacing:2px;background:#ffffff14;border:1px solid #ffffff2e;border-radius:5px;width:96px;padding:6px 10px;font-size:13px}.room-input::placeholder{color:#ffffff4d;text-transform:none;letter-spacing:0;font-size:11px}.room-input:focus{background:#ffffff1f;outline:1px solid #ffffff4d}.active-room-banner{background:#1e40af26;border:1px solid #3b82f640;border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.room-code-block{align-items:center;gap:8px;display:flex}.room-label{letter-spacing:1.5px;color:#93c5fd;text-transform:uppercase;font-size:10px;font-weight:700}.room-code-display{letter-spacing:3px;color:#fff;font-family:Cinzel,monospace;font-size:18px;font-weight:700}.btn-icon{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;transition:background var(--trans), color var(--trans);background:0 0;border-radius:4px;padding:3px 7px;font-size:14px;line-height:1}.btn-icon:hover{color:#fff;background:#ffffff1a}.room-status-msg{font-size:12px;font-weight:500}.status-waiting{color:#fcd34d}.status-playing{color:#4ade80}.status-disconnected{color:#f87171}.btn{border-radius:var(--radius-sm);font-family:var(--font-ui);cursor:pointer;transition:all var(--trans);letter-spacing:.4px;white-space:nowrap;border:none;padding:8px 20px;font-size:13px;font-weight:600}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.btn-primary{color:#fff;background:#ffffff1f;border:1px solid #ffffff2e}.btn-primary:hover{background:#fff3;transform:translateY(-1px);box-shadow:0 3px 8px #0000004d}.btn-reset{color:#ddd;background:linear-gradient(135deg,#2c3e50,#3d566e);border:1px solid #ffffff1f}.btn-reset:hover{color:#fff;background:linear-gradient(135deg,#3d566e,#2c3e50);transform:translateY(-1px);box-shadow:0 4px 12px #0006}.btn-ghost{color:var(--text-muted);border:1px solid var(--border);background:0 0}.btn-ghost:hover{color:var(--text);background:#ffffff0f}.btn-cancel{color:var(--text-muted);border:1px solid var(--border);background:#ffffff0d;padding:7px 16px;font-size:12px}.btn-cancel:hover{color:#fff;background:#ffffff1f}.btn-sm{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;font-size:11px;font-family:var(--font-ui);transition:background var(--trans);background:#ffffff0d;border-radius:4px;padding:6px 4px}.btn-sm:hover{color:#fff;background:#ffffff1a}.action-bar{justify-content:center;align-items:center;gap:8px;margin-top:8px;display:flex}@keyframes pulse-thinking{0%{opacity:1}50%{opacity:.5;color:var(--accent)}to{opacity:1}}.thinking-pulse .status-text{animation:1.2s ease-in-out infinite pulse-thinking}.legend-list,.rules-list,.highlight-legend{color:var(--text-muted);flex-direction:column;gap:6px;font-size:13px;list-style:none;display:flex}.legend-symbol{width:20px;font-weight:700;font-family:var(--font-board);display:inline-block}.white-text{color:#fff}.black-text{color:#aac}.diplomat-text{color:var(--diplomat-c)}.highlight-legend li{align-items:center;gap:8px;display:flex}.hl-dot{border-radius:50%;flex-shrink:0;width:14px;height:14px}.selected-dot{background:var(--sel-overlay);border:2px solid #14dc3cb3}.move-dot{background:var(--move-dot-color)}.capture-dot{border:3px solid var(--capture-ring);background:0 0}.promote-dot{border:3px solid var(--promote-ring);background:0 0}.center-dot{background:var(--center-light);border:1px solid var(--center-dark)}.check-dot{background:#dc1e1eb3}.rules-list li{border-bottom:1px solid var(--border);padding:4px 0}.rules-list li:last-child{border-bottom:none}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-overlay[hidden]{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;width:90%;max-width:420px;padding:28px 32px;animation:.25s slideUp;box-shadow:0 24px 64px #0009}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-title{font-family:var(--font-board);color:var(--text);margin-bottom:6px;font-size:22px}.modal-subtitle{color:var(--text-muted);margin-bottom:22px;font-size:13px}.promotion-choices{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px;display:grid}.promotion-btn{background:var(--bg-card2);border:2px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--trans);color:var(--text);font-family:var(--font-ui);flex-direction:column;align-items:center;gap:4px;padding:14px 8px;display:flex}.promotion-btn:hover,.promotion-btn:focus-visible{border-color:var(--accent);background:#e9456026;outline:none;transform:translateY(-2px);box-shadow:0 4px 12px #e945604d}.promotion-btn:focus-visible{outline:2px solid var(--accent)}.promo-symbol{font-family:var(--font-board);font-size:30px;font-weight:900;line-height:1}.promo-name{color:var(--text-muted);letter-spacing:.5px;font-size:11px;font-weight:600}.gameover-overlay{z-index:1100}.gameover-box{padding:40px 48px}.gameover-icon{filter:drop-shadow(0 0 16px #e94560b3);margin-bottom:12px;font-size:64px;line-height:1}.gameover-title{font-family:var(--font-board);background:linear-gradient(135deg,#f0c060,#e94560);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:6px;font-size:28px}.gameover-subtitle{color:var(--text-muted);margin-bottom:24px;font-size:16px}@media (width<=1099px){:root{--panel-w:clamp(140px, 16vw, 180px);--sq:clamp(36px, calc((100vw - 2 * var(--panel-w) - 2 * var(--layout-gap) - 2 * var(--body-pad-x) - 2 * 26px) / 9), 60px)}}@media (width<=767px){:root{--sq:clamp(36px, min(calc((100vw - 16px - 44px) / 9), calc((100svh - 220px) / 9)), 60px);--panel-w:100%;--layout-gap:10px;--body-pad-x:8px}body{padding:8px var(--body-pad-x) 24px}.game-layout{gap:var(--layout-gap);grid-template-columns:1fr;grid-template-areas:"board""left""right"}.side-panel{width:100%;max-width:none}.left-panel{flex-direction:column;gap:10px;display:flex}.left-panel .status-section{grid-template-columns:auto 1fr;align-items:start;gap:10px;display:grid}.move-history-list{max-height:160px}.right-panel>section{flex:unset}.right-panel{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:start;gap:10px;display:grid}.right-panel>section{background:var(--bg-card2);border-radius:var(--radius-sm);padding:10px}#playtest-editor-panel,#playtest-inspector-panel{width:100%}.promotion-choices{grid-template-columns:repeat(2,1fr)}.gameover-box{padding:28px 20px}.game-header{grid-template:"nav controls""id id"/1fr 1fr;gap:6px 8px;padding:4px 0 8px}.game-header-nav{grid-area:nav;justify-self:start}.game-identity{grid-area:id;justify-self:center}.game-header-controls{grid-area:controls;justify-self:end}.game-title{letter-spacing:.14em;font-size:clamp(18px,7vw,26px)}.game-subtitle{letter-spacing:.28em;font-size:clamp(8px,2.5vw,12px)}.game-tagline{margin-top:3px;font-size:9px}}@media (width<=400px){:root{--sq:clamp(34px, calc((100vw - 12px - 44px) / 9), 52px)}.board-section{gap:2px}.game-tagline{display:none}.game-title{letter-spacing:.1em;font-size:clamp(16px,6.5vw,22px)}.game-subtitle{letter-spacing:.2em}}@media (height<=500px) and (orientation:landscape){:root{--sq:clamp(32px, calc((100svh - 120px) / 9), 52px)}body{padding-top:4px;padding-bottom:8px}#app{gap:4px}.game-header{grid-template:"nav id controls"1fr/auto 1fr auto;gap:8px;padding:2px 0 4px}.game-identity{justify-self:center}.game-title{letter-spacing:.1em;font-size:clamp(14px,3.5vh,20px)}.game-subtitle,.game-tagline,.header-separator{display:none}.game-layout{grid-template-columns:1fr var(--panel-w);grid-template-areas:"board left""board right"}:root{--panel-w:clamp(120px, 22vw, 180px)}.move-history-list{max-height:120px}}.playtest-toggle-container{align-items:center;gap:7px;display:flex}.toggle-switch{width:36px;height:20px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;border:1px solid var(--border);background-color:#ffffff1a;border-radius:20px;transition:all .2s;position:absolute;inset:0}.slider:before{content:"";background-color:var(--text-muted);border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;bottom:2px;left:2px}input:checked+.slider{border-color:var(--accent);background-color:#e945604d}input:checked+.slider:before{background-color:var(--accent);transform:translate(16px)}.toggle-label{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);font-size:11px}input:checked~.toggle-label{color:var(--accent);font-weight:700}.playtest-section{box-shadow:0 0 12px #e945601a;border-color:var(--accent)!important}.playtest-section[hidden]{display:none!important}.editor-controls{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.editor-controls select{border:1px solid var(--border);width:100%;color:var(--text);background:#ffffff0d;border-radius:4px;padding:6px}.editor-buttons{grid-template-columns:1fr 1fr;gap:6px;display:grid}.btn-sm{border:1px solid var(--border);background:#ffffff0d;padding:6px 4px;font-size:11px}.piece-palette{flex-direction:column;gap:12px;margin-bottom:12px;display:flex}.palette-group{flex-direction:column;gap:4px;display:flex}.palette-label{color:var(--text-muted);text-transform:uppercase;font-size:10px}.palette-row{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.palette-btn{border:1px solid var(--border);font-family:var(--font-board);cursor:pointer;background:#ffffff0d;border-radius:4px;padding:6px 0;font-size:16px;font-weight:700;transition:all .1s}.palette-btn:hover{background:#ffffff1a}.palette-btn.active{border-color:var(--accent);background:#e9456033;box-shadow:inset 0 0 4px #e9456080}.eraser-btn{color:#ff6b6b;font-family:var(--font-ui)}.editor-settings{flex-direction:column;gap:8px;font-size:12px;display:flex}.editor-settings label{color:var(--text-muted);justify-content:space-between;align-items:center;display:flex}.editor-settings select{border:1px solid var(--border);color:var(--text);background:#ffffff0d;border-radius:4px;padding:2px 4px}.validation-error{color:#ff6b6b;background:#ff00001a;border:1px solid #ff00004d;border-radius:4px;margin-top:4px;padding:6px;font-size:11px}.inspector-content{flex-direction:column;gap:4px;font-size:12px;display:flex}.inspector-row{justify-content:space-between;display:flex}.inspector-row span:first-child{color:var(--text-muted)}.inspector-row span:last-child{font-weight:600}.inspector-divider{border:0;border-top:1px solid var(--border);margin:4px 0}.board-edit-mode .square{cursor:crosshair!important}.square.central-zone.light{background:#dbbe7a}.square.central-zone.dark{background:#a88a4a}.square.center-sq.light{background:#e0c060}.square.center-sq.dark{background:#c0a040}.square.center-sq:after,.square.center-hold:after{content:"★";opacity:.75;pointer-events:none;color:#b47800cc;will-change:opacity, transform;font-size:11px;animation:2.4s ease-in-out infinite starPulse;position:absolute;bottom:2px;right:3px}@keyframes starPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}.square.center-hold.light{background:#f5c030}.square.center-hold.dark{background:#d4960c}.square.center-hold:before{content:"";pointer-events:none;z-index:2;will-change:opacity, box-shadow;border:2px solid #ffc832cc;border-radius:3px;animation:1.2s ease-in-out infinite holdRing;position:absolute;inset:2px}@keyframes holdRing{0%,to{opacity:.7;box-shadow:inset 0 0 6px #ffc83266}50%{opacity:1;box-shadow:inset 0 0 14px #ffc832cc}}@keyframes centerVictoryBurst{0%{box-shadow:0 0 #ffdc32e6,inset 0 0 #ffdc3280}40%{box-shadow:0 0 0 18px #ffdc3280,inset 0 0 20px #ffdc32b3}to{box-shadow:0 0 0 40px #ffdc3200,inset 0 0 #ffdc3200}}.square.center-victory-burst{z-index:5;animation:1.2s ease-out forwards centerVictoryBurst}.square.center-victory-static{outline:3px solid #f5c030;background:#ffe566!important}@keyframes centerRipple{0%{filter:brightness(1.4)}to{filter:brightness()}}.square.center-ripple-anim{animation:.8s ease-out forwards centerRipple}@keyframes checkPulseRing{0%{box-shadow:0 0 #dc1e1e00,inset 0 0 #dc1e1e00}20%{box-shadow:0 0 0 10px #dc1e1ecc,inset 0 0 12px #dc1e1e99}80%{box-shadow:0 0 0 10px #dc1e1e66,inset 0 0 8px #dc1e1e4d}to{box-shadow:0 0 #dc1e1e00,inset 0 0 #dc1e1e00}}.square.check-pulse-anim{z-index:5;animation:.8s ease-out forwards checkPulseRing}.square.check-highlight-static{outline:3px solid #dc1e1ee6!important}.square.checkmate-fx{animation:.8s ease-in-out infinite alternate checkmateGlow;background:radial-gradient(circle,#c80000b3 0%,#78000080 60%,#0000 100%)!important}@keyframes checkmateGlow{0%{filter:brightness(.9)}to{filter:brightness(1.2)saturate(1.4)}}@keyframes ministerConvert{0%{box-shadow:none;background:#50dca000}30%{background:#50dca099;box-shadow:0 0 16px #50dca0e6}70%{background:#50dca066}to{box-shadow:none;background:#50dca000}}.square.minister-convert-anim:before{content:"";pointer-events:none;z-index:6;border-radius:2px;animation:.9s ease-out forwards ministerConvert;position:absolute;inset:0}.square.convert-highlight-static{outline:3px solid #50dca0e6!important}@keyframes captureImpact{0%{box-shadow:inset 0 0 #dc3c2800}40%{box-shadow:inset 0 0 20px 4px #dc3c28b3}to{box-shadow:inset 0 0 #dc3c2800}}.square.capture-impact-anim{animation:.35s ease-out forwards captureImpact}@keyframes promotionAppear{0%{filter:brightness()}40%{filter:brightness(2)saturate(2)}to{filter:brightness()}}.square.promotion-appear-anim{animation:.6s ease-out forwards promotionAppear}.square.promote-highlight-static{outline:3px solid #a03cf0e6!important}.square.selected:before{content:"";background:var(--sel-overlay);pointer-events:none;z-index:1;animation:1.4s ease-in-out infinite alternate selectedGlow;position:absolute;inset:0}@keyframes selectedGlow{0%{box-shadow:inset 0 0 6px #14dc3c4d}to{box-shadow:inset 0 0 14px #14dc3c99}}.square.can-move:after{content:"";background:var(--move-dot-color);pointer-events:none;z-index:2;border-radius:50%;width:30%;height:30%;animation:1.2s ease-in-out infinite moveDotPulse;position:absolute}@keyframes moveDotPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.square.can-capture:before{animation:1s ease-in-out infinite captureRingPulse}@keyframes captureRingPulse{0%,to{border-color:#dc28288c}50%{border-color:#dc2828d9}}.shield-overlay{pointer-events:none;z-index:4;opacity:0;animation:.3s ease-out forwards shieldAppear;position:absolute}@keyframes shieldAppear{0%{opacity:0}to{opacity:1}}.shield-glow{pointer-events:none;z-index:3;border-radius:3px;animation:2s ease-in-out infinite shieldGlowPulse;position:absolute;inset:2px}.shield-glow.shield-white{border:1px solid #64c8ff8c;box-shadow:inset 0 0 6px #64c8ff4d}.shield-glow.shield-black{border:1px solid #ffa0508c;box-shadow:inset 0 0 6px #ffa0504d}@keyframes shieldGlowPulse{0%,to{opacity:.5}50%{opacity:1}}.shield-overlay.sd-top{clip-path:polygon(0 0,100% 0,85% 100%,15% 100%);opacity:0;background:linear-gradient(#64c8ff4d,#0000);height:28%;top:0;left:0;right:0}.shield-overlay.shield-black.sd-top{background:linear-gradient(#ffa0504d,#0000)}.shield-overlay.sd-bottom{clip-path:polygon(15% 0,85% 0,100% 100%,0% 100%);opacity:0;background:linear-gradient(#0000,#64c8ff4d);height:28%;bottom:0;left:0;right:0}.shield-overlay.shield-black.sd-bottom{background:linear-gradient(#0000,#ffa0504d)}.shield-overlay.sd-topleft{opacity:0;background:radial-gradient(circle at 0 0,#64c8ff59 0%,#0000 70%);width:50%;height:50%;top:0;left:0}.shield-overlay.shield-black.sd-topleft{background:radial-gradient(circle at 0 0,#ffa05059 0%,#0000 70%)}.shield-overlay.sd-topright{opacity:0;background:radial-gradient(circle at 100% 0,#64c8ff59 0%,#0000 70%);width:50%;height:50%;top:0;right:0}.shield-overlay.shield-black.sd-topright{background:radial-gradient(circle at 100% 0,#ffa05059 0%,#0000 70%)}.shield-overlay.sd-bottomleft{opacity:0;background:radial-gradient(circle at 0 100%,#64c8ff59 0%,#0000 70%);width:50%;height:50%;bottom:0;left:0}.shield-overlay.shield-black.sd-bottomleft{background:radial-gradient(circle at 0 100%,#ffa05059 0%,#0000 70%)}.shield-overlay.sd-bottomright{opacity:0;background:radial-gradient(circle at 100% 100%,#64c8ff59 0%,#0000 70%);width:50%;height:50%;bottom:0;right:0}.shield-overlay.shield-black.sd-bottomright{background:radial-gradient(circle at 100% 100%,#ffa05059 0%,#0000 70%)}.shield-overlay.sd-left{opacity:0;background:linear-gradient(90deg,#64c8ff40,#0000);width:28%;top:0;bottom:0;left:0}.shield-overlay.sd-right{opacity:0;background:linear-gradient(270deg,#64c8ff40,#0000);width:28%;top:0;bottom:0;right:0}.shield-overlay.shield-debug{filter:saturate(2)brightness(1.4)}.shield-glow.shield-debug-glow{border-width:2px!important;box-shadow:inset 0 0 10px #64c8ff80!important}.flying-piece{font-size:clamp(22px, calc(var(--sq) * .56), 36px);font-weight:900;font-family:var(--font-board);line-height:1}.flying-piece.white-piece{color:var(--white-piece);text-shadow:0 0 3px #0009,0 1px 4px #000c}.flying-piece.black-piece{color:var(--black-piece);text-shadow:0 0 3px #ffffff4d,0 1px 4px #00000080}@media (prefers-reduced-motion:reduce){.square.center-sq:after,.square.center-hold:after,.square.center-hold:before,.square.selected:before,.square.can-move:after,.square.can-capture:before{animation:none!important}.shield-overlay,.shield-glow{opacity:.6!important;animation:none!important}.checkmate-fx{animation:none!important}}.piece.piece-svg{z-index:3;pointer-events:none;flex-shrink:0;width:86%;height:86%;transition:transform .12s,filter .12s;display:block;position:relative}.square{justify-content:center;align-items:center;display:flex}.piece.piece-svg svg{width:100%;height:100%;display:block;overflow:visible}.piece-pawn{width:68%;height:68%}.piece-rook{width:80%;height:80%}.piece-bishop{width:76%;height:76%}.piece-knight{width:80%;height:80%}.piece-queen{width:85%;height:85%}.piece-king{width:90%;height:90%}.piece-minister{width:85%;height:85%}.piece-royalguard{width:88%;height:88%}.piece-diplomat{width:80%;height:80%}.square.selected .piece.piece-svg{filter:drop-shadow(0 5px 10px #00000080);transform:translateY(-3px)scale(1.04)}.square:hover .piece.piece-svg{filter:drop-shadow(0 3px 6px #00000059);transform:translateY(-1px)}.piece-minister svg{filter:drop-shadow(0 0 2px #c8a03c33)}.square:hover .piece-minister svg{filter:drop-shadow(0 0 4px #c8a03c59)}.piece-royalguard svg{filter:drop-shadow(0 0 2px #64b4ff33)}.square:hover .piece-royalguard svg{filter:drop-shadow(0 0 4px #64b4ff59)}.diplomat-piece svg{filter:drop-shadow(0 0 3px #7896c840)}.promotion-btn .promo-symbol svg{width:40px;height:40px;margin:0 auto;display:block}.promotion-btn .promo-symbol{justify-content:center;align-items:center;height:46px;display:flex}.flying-piece.piece-svg{justify-content:center;align-items:center;display:flex}.flying-piece.piece-svg svg{width:100%;height:100%}.palette-btn .piece.piece-svg{pointer-events:none;width:28px;height:28px;margin:0 auto}.piece.piece-svg{font-size:unset;font-family:unset;font-weight:unset;line-height:unset;color:unset;text-shadow:none}.piece-label-sr{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}