*{box-sizing:border-box;margin:0;padding:0}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--board-light:linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);--board-dark:linear-gradient(135deg, #334155 0%, #1e293b 100%)}body{color:#f1f5f9;background:linear-gradient(135deg,#1e1e1e 0%,#2d2d2d 100%);min-height:100vh;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}button,select,input{font:inherit}button,select{cursor:pointer}.space-home-link{color:#eef5ff;background:#050c18eb;border:1px solid #61aeff6b;border-radius:999px;flex:none;justify-content:center;align-items:center;min-height:34px;padding:8px 12px;font-size:13px;font-weight:900;line-height:1;text-decoration:none;display:inline-flex;box-shadow:0 10px 30px #00000047}.space-home-link:hover,.space-home-link:focus-visible{color:#fde68a;border-color:#fbbf24db;outline:none}.container{width:100%;max-width:1200px;margin:0 auto}.header{text-align:center;margin-bottom:30px}.header h1{color:#38bdf8;letter-spacing:0;margin-bottom:10px;font-size:2.85em}.header p{color:#cbd5e1;font-size:1.1em}.main-content{grid-template-columns:minmax(0,1fr) 350px;align-items:start;gap:30px;margin-bottom:30px;display:grid}.board-wrapper,.sidebar,.reference-panels-below-board{min-width:0;max-width:100%}.board-wrapper{position:relative}.game-info-bar{background:#0f172ae6;border:2px solid #38bdf8;border-radius:10px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding:15px 20px;display:flex}.timer-section{flex:1;align-items:center;gap:30px;display:flex}.player-timer{background:#33415599;border-left:4px solid #38bdf8;border-radius:8px;align-items:center;gap:10px;min-height:42px;padding:8px 16px;display:flex}.player-timer.active{background:#10b98126;border-left-color:#10b981}.timer-label{color:#cbd5e1;font-size:.9em;font-weight:600}.timer-value{color:#38bdf8;font-family:Courier New,monospace;font-size:1.1em;font-weight:700}.boundary-display{color:#d1fae5;background:#10b98126;border-left:4px solid #10b981;border-radius:8px;min-height:42px;padding:8px 16px;font-weight:600}.captured-pieces-container{justify-content:space-between;gap:15px;margin-bottom:15px;display:flex}.captured-side{background:#33415580;border:2px solid #38bdf84d;border-radius:8px;flex:1;min-height:66px;padding:10px}.captured-label{color:#cbd5e1;margin-bottom:5px;font-size:.75em;font-weight:600}.captured-icons{flex-wrap:wrap;align-items:center;gap:4px;min-height:30px;font-size:1.3em;display:flex}.captured-piece{flex:none}.board-container{background:#0f172acc;border:3px solid #38bdf8;border-radius:12px;padding:20px;box-shadow:0 20px 60px #00000080}#chessboard{aspect-ratio:1;grid-template-columns:repeat(8,1fr);width:100%;display:grid}.board-stage{aspect-ratio:1;width:100%;max-width:600px;margin:0 auto;position:relative}.open-boundary-moves{z-index:4;pointer-events:none;position:absolute;inset:0}.open-exit-move{aspect-ratio:1;color:#bbf7d0;pointer-events:auto;background:#052e16f0;border:2px solid #22c55ee6;border-radius:50%;place-items:center;width:clamp(24px,5.2vw,34px);min-height:0;padding:0;font-size:clamp(14px,3vw,20px);line-height:1;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 16px #22c55eb3}.open-exit-move:hover,.open-exit-move:focus-visible{z-index:2;color:#fef08a;background:#422006f5;border-color:#facc15;transform:translate(-50%,-50%)scale(1.12)}.square{aspect-ratio:1;cursor:pointer;-webkit-user-select:none;user-select:none;text-shadow:2px 2px 4px #00000080;justify-content:center;align-items:center;width:auto;min-width:0;min-height:0;padding:0;font-size:clamp(38px,7.8vmin,64px);font-weight:400;transition:transform .2s,box-shadow .2s,background .2s;display:flex;position:relative}.square.light{background:var(--board-light)}.square.dark{background:var(--board-dark)}.square:hover{z-index:1;transform:scale(1.05)}.square.selected{box-shadow:inset 0 0 20px #fbbf2480;background:#fbbf24!important}.square.legal-move{box-shadow:inset 0 0 15px #22c55e99}.square.legal-move:after{content:"";background:#22c55eb3;border-radius:50%;width:12px;height:12px;position:absolute}.square.capture-move:after{background:0 0;border:3px solid #ef4444bd;width:28px;height:28px}.square.castle-move{box-shadow:inset 0 0 0 4px #fbbf24d1,inset 0 0 18px #fbbf245c}.square.check{animation:.6s infinite pulse;background:#ef4444!important}@keyframes pulse{0%,to{box-shadow:inset 0 0 15px #ef444466}50%{box-shadow:inset 0 0 30px #ef4444cc}}.piece-glyph{z-index:1;font-variant-emoji:text;justify-content:center;align-items:center;width:1em;height:1em;font-family:Segoe UI Symbol,Apple Symbols,"Noto Sans Symbols 2",Noto Sans Symbols,DejaVu Sans,sans-serif;font-size:1.04em;font-style:normal;font-weight:400;line-height:1;display:inline-flex;position:relative;transform:none}.piece-white{color:#f1f5f9;-webkit-text-stroke:0;text-shadow:0 2px 2px #000000f2,0 5px 9px #000000d1,0 10px 18px #00000094,0 0 6px #fff3}.piece-black{color:#1a1a1a;text-shadow:2px 2px 4px #ffffff4d,0 0 8px #c8646466}.sidebar{background:#0f172acc;border:3px solid #38bdf8;border-radius:12px;height:fit-content;padding:25px}.sidebar-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.sidebar-header h2{margin-bottom:0}.sidebar-actions{flex:none;align-items:center;gap:7px;display:flex}.sidebar h2{color:#38bdf8;letter-spacing:0;margin-bottom:20px;font-size:1.3em}.status,.info-section,.piece-legend{background:#33415599;border-radius:8px}.status{border-left:4px solid #38bdf8;margin-bottom:20px;padding:15px}.status p{margin:5px 0;font-size:.95em}.status .player-turn{color:#38bdf8;font-size:1.1em;font-weight:700}.status-line{color:#f1f5f9;line-height:1.4}.status .status-line{display:none}.muted{color:#94a3b8;opacity:.9}.control-group{margin-bottom:25px}.control-group label{color:#cbd5e1;margin-bottom:8px;font-size:.95em;font-weight:500;display:block}select,button,input{color:#f1f5f9;background:#0366d61a;border:2px solid #38bdf8;border-radius:8px;width:100%;min-height:44px;padding:12px;font-size:1em;font-weight:500;transition:background .3s,border-color .3s,transform .12s}select,select option{color:#f8fafc;background:#101827}select option:checked{color:#111827;background:#fbbf24}input{cursor:text}select:hover,button:hover{background:#0366d633;border-color:#0ea5e9}select:hover,select:focus{color:#fff;background:#0b1220}select:disabled,button:disabled,input:disabled{cursor:not-allowed;opacity:.5}button:active{transform:scale(.98)}.online-controls{background:#10b9811a;border:2px solid #10b981;border-radius:8px;margin-bottom:15px;padding:15px;display:none}.online-controls.active{display:block}.connection-status{text-align:center;border-radius:6px;margin-bottom:10px;padding:10px;font-size:.9em;font-weight:600}.connection-status.disconnected{color:#fca5a5;background:#ef444433;border:2px solid #ef4444}.connection-status.connecting{color:#fde047;background:#fbbf2433;border:2px solid #fbbf24}.connection-status.connected{color:#6ee7b7;background:#10b98133;border:2px solid #10b981}.online-btn{margin-bottom:8px}.online-btn.create{background:#10b98133;border-color:#10b981}.online-btn.match{background:#fbbf242e;border-color:#fbbf24}.online-btn.join{background:#38bdf833;border-color:#38bdf8}.divider-text{color:#94a3b8;text-align:center;margin:10px 0;font-size:.85em}.room-info{background:#33415599;border-radius:6px;margin:10px 0;padding:10px;font-size:.85em}.room-info[hidden]{display:none}.room-block{margin-bottom:8px}.room-id-display{color:#38bdf8;word-break:break-all;font-family:Courier New,monospace;font-weight:700}.share-link-box{gap:8px;margin-top:10px;display:flex}.share-link-input{flex:1;min-width:0;padding:8px;font-size:.75em}.copy-btn{color:#fff;background:#10b981;width:auto;padding:8px 16px;font-size:.85em}.copy-btn:hover{background:#059669}.boundary-info{color:#d1fae5;background:#10b9811a;border-left:4px solid #10b981;border-radius:8px;margin-bottom:15px;padding:12px;font-size:.9em}.controls{gap:10px;margin-top:20px;display:grid}.warning{background:#fbbf2433;border-color:#fbbf24}.info-section{max-height:300px;margin-top:20px;padding:15px;overflow-y:auto}.info-section h3{color:#38bdf8;letter-spacing:0;margin-bottom:10px;font-size:.95em}.move-history{color:#cbd5e1;height:220px;min-height:178px;max-height:220px;padding-right:4px;font-size:.85em;line-height:1.6;overflow-y:auto}.move-history-item{background:#0366d61a;border-left:2px solid #38bdf8;border-radius:4px;margin:3px 0;padding:5px}.piece-legend{color:#cbd5e1;margin-top:15px;padding:12px;font-size:.85em;line-height:1.8}.piece-legend div{margin:5px 0}.color-board{border-top:1px solid #94a3b84d;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:20px;padding-top:15px;display:flex}.color-pair{background:0 0;border:1px solid #0000;border-radius:6px;gap:2px;width:auto;min-height:0;padding:2px;display:flex}.color-pair:hover{background:0 0;border-color:#94a3b8cc;transform:scale(1.05)}.color-swatch{border:1px solid #0f172a99;border-radius:4px;width:18px;height:18px}.hints-toggle{z-index:100;background:#0f172af2;border:2px solid #38bdf8;border-radius:25px;align-items:center;gap:10px;padding:12px 16px;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 12px #00000080}.hints-toggle label{color:#cbd5e1;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.85em;font-weight:500}.toggle-switch{background:#334155cc;border-radius:12px;width:50px;min-height:24px;padding:0;position:relative}.toggle-switch.active{background:#10b981}.toggle-slider{background:#f1f5f9;border-radius:50%;width:16px;height:16px;transition:transform .3s;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0000004d}.toggle-switch.active .toggle-slider{transform:translate(26px)}body>.language-switch{z-index:100;color:#cbd5e1;background:#0f172af2;border:1px solid #38bdf86b;border-radius:7px;align-items:center;gap:5px;width:auto;max-width:max-content;padding:4px 7px;display:inline-flex;position:fixed;top:10px;right:12px;box-shadow:0 8px 24px #00000042}body>.language-switch .lang-option{color:#cbd5e1;background:0 0;border:0;border-radius:0;flex:none;justify-content:center;align-items:center;width:auto;min-width:0;height:22px;min-height:0;padding:0 3px;font-size:12px;font-weight:850;line-height:1;display:inline-flex}body>.language-switch .lang-option:hover{color:#f8fafc;background:0 0}body>.language-switch .lang-option.active{color:#38bdf8;text-underline-offset:4px;text-decoration:underline}body>.language-switch .lang-option:active{transform:none}body>.language-switch .lang-divider{color:#cbd5e1b8;align-items:center;height:22px;font-size:12px;line-height:1;display:inline-flex}.promotion-modal{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.promotion-modal.active{display:flex}.promotion-dialog{text-align:center;background:#1e293b;border:3px solid #38bdf8;border-radius:12px;width:min(420px,100vw - 32px);padding:30px}.promotion-dialog h3{color:#38bdf8;letter-spacing:0;margin-bottom:20px;font-size:1.3em}.promotion-options{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.promotion-btn{color:#f1f5f9;background:#0366d633;border:2px solid #38bdf8;border-radius:8px;min-height:70px;padding:12px;font-size:2em}.promotion-btn:hover{background:#0366d680;transform:scale(1.1)}@media (width<=900px){body{padding:14px}.main-content{grid-template-columns:minmax(0,1fr)}.header h1{font-size:2em}#chessboard{max-width:100%}}@media (width<=560px){.game-info-bar,.timer-section,.captured-pieces-container,.share-link-box{flex-direction:column;align-items:stretch}.timer-section{gap:10px}.board-container{padding:10px}.square{font-size:1.8em}}.robot-panel{background:#0f172a7a;border:1px solid #7dd3fc47;border-radius:14px;margin-top:1rem;padding:1rem}.robot-panel h3,.robot-panel h4{color:#e0f2fe;margin:.35rem 0 .55rem}.compact-control{margin-bottom:.65rem}.robot-controls{grid-template-columns:1fr 1fr;gap:.55rem;margin:.7rem 0;display:grid}.robot-controls button.secondary{background:linear-gradient(135deg,#0369a1,#075985)}.robot-controls button:disabled{cursor:wait;opacity:.58}.robot-analysis{background:#02061773;border:1px solid #94a3b82e;border-radius:12px;max-height:340px;padding:.75rem;font-size:.88rem;line-height:1.45;overflow:auto}.robot-muted{color:#94a3b8;font-size:.82rem}.robot-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-bottom:.7rem;display:grid}.robot-summary-grid>div{background:#0f172ac7;border:1px solid #94a3b829;border-radius:10px;padding:.55rem}.robot-label{color:#93c5fd;text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;display:block}.robot-move-list,.robot-piece-list{margin:.35rem 0 .8rem;padding-left:1.15rem}.robot-move-list>li,.robot-piece-list>li{margin-bottom:.6rem}.robot-move-list ul{margin:.25rem 0 0;padding-left:1rem}.robot-bad-list strong{color:#fecaca}body>.language-switch.compact-language{width:auto;box-shadow:none;background:0 0;border:0;gap:0;padding:0;overflow:visible}.language-switch.compact-language{align-items:center;display:inline-flex;position:relative}.language-switch.compact-language .language-icon-button{color:#dff8ff;cursor:pointer;width:42px;height:42px;box-shadow:none;background:0 0;border:0;border-radius:999px;place-items:center;display:inline-grid}.language-switch.compact-language .language-popover{z-index:70;background:#060b12fa;border:1px solid #7dd3fc57;border-radius:14px;min-width:132px;padding:8px;display:none;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 18px 38px #00000061}.language-switch.compact-language:hover .language-popover,.language-switch.compact-language:focus-within .language-popover{gap:6px;display:grid}.language-switch.compact-language .lang-option{justify-content:center;width:100%}.language-switch.compact-language .lang-divider,body>.language-switch.compact-language{display:none}.sidebar-header .language-switch.compact-language .language-popover{top:calc(100% + 8px);bottom:auto}