*{box-sizing:border-box;margin:0;padding:0}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#101216;--panel:#181c23;--panel-strong:#202731;--line:#42505f;--text:#f4f7fb;--muted:#a6b1bd;--cyan:#38bdf8;--green:#22c55e;--amber:#f59e0b;--red:#ef4444;--moss:#8fbf9f}body{min-height:100vh;color:var(--text);background:linear-gradient(135deg,#101216fa,#18171cfa),repeating-linear-gradient(90deg,#ffffff06 0 1px,#0000 1px 42px);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;overflow-x:hidden}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:#f59e0bdb;outline:none}.app-shell{grid-template-columns:minmax(520px,1fr) 360px;gap:20px;width:min(1500px,100%);min-height:100vh;margin:0 auto;padding:20px;display:grid}.play-area,.sidebar{min-width:0}.top-bar{align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.top-bar h1{color:var(--text);letter-spacing:0;font-size:clamp(30px,4vw,46px);line-height:1}.top-bar p{max-width:760px;color:var(--muted);margin-top:8px}.turn-pill{color:#e0f7ff;text-align:center;background:#38bdf821;border:1px solid #38bdf8a6;border-radius:8px;flex:none;min-width:118px;min-height:36px;padding:7px 10px;font-size:13px;font-weight:760;line-height:1.2}.game-info-bar{border:1px solid var(--line);background:#181c23e0;border-radius:8px;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;padding:10px 12px;display:flex}.timer-section{flex-wrap:wrap;flex:292px;gap:8px;display:flex}.player-timer{border-left:4px solid var(--line);background:var(--panel-strong);border-radius:8px;flex:136px;align-items:center;gap:10px;min-width:128px;min-height:36px;padding:7px 10px;display:flex}.player-timer.active{border-left-color:var(--green);background:#22c55e24}.timer-label{color:var(--muted);font-size:13px;font-weight:720}.timer-value{color:var(--cyan);margin-left:auto;font-family:Cascadia Mono,Consolas,monospace;font-weight:820}.boundary-display{border-left:4px solid var(--amber);color:#fff3cf;background:#f59e0b21;border-radius:8px;min-height:36px;margin-left:auto;padding:7px 10px;font-weight:760}.captured-pieces-container{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0;display:grid}.captured-side{border:1px solid var(--line);background:#181c23c7;border-radius:8px;min-height:68px;padding:10px}.captured-label{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:760}.captured-icons{flex-wrap:wrap;align-items:center;gap:5px;min-height:26px;margin-top:8px;display:flex}.captured-icons .empty-row{align-self:center;font-size:11px;line-height:1}.captured-stack{align-items:center;min-height:24px;display:inline-flex}.captured-stack+.captured-stack{margin-left:3px}.captured-icon{width:22px;height:22px;z-index:var(--stack-index,0);flex:none;font-family:Segoe UI Symbol,"Noto Sans Symbols 2",Arial Unicode MS,sans-serif;font-size:15px;position:relative;box-shadow:0 0 0 1px #0f172a47}.captured-stack .captured-icon+.captured-icon{margin-left:-7px}.board-frame{background:#101216;border:1px solid #38bdf8a6;border-radius:8px;width:100%;height:min(72vh,820px);min-height:540px;position:relative;overflow:hidden}.local-file-warning{z-index:4;color:#fff7dd;text-align:center;background:#111318eb;border:1px solid #f59e0bbd;border-radius:8px;place-content:center;gap:8px;padding:18px;display:grid;position:absolute;inset:16px}.local-file-warning strong{color:var(--amber);font-size:18px}.local-file-warning span{color:var(--text);line-height:1.45}.local-file-warning code{color:var(--cyan);font-family:Cascadia Mono,Consolas,monospace;font-weight:850}#gameCanvas{cursor:grab;width:100%;height:100%;display:block}#gameCanvas:active{cursor:grabbing}.move-picker{background:#181c23e6;border:1px solid #42505fdb;border-radius:8px;gap:8px;margin-top:12px;padding:10px;display:grid}.move-picker-head{color:var(--cyan);justify-content:space-between;align-items:baseline;gap:10px;font-size:13px;font-weight:820;display:flex}.move-options-head{border-top:1px solid #42505fb3;margin-top:4px;padding-top:8px}.move-picker-summary{color:var(--muted);text-align:right;font-size:12px;font-weight:720}.piece-strip,.move-options{flex-wrap:wrap;align-items:stretch;gap:6px;min-height:30px;display:flex}.piece-button,.move-option{white-space:nowrap;border-radius:7px;width:auto;min-width:0;min-height:28px;padding:4px 8px;font-size:12px;line-height:1.2}.piece-button{border-color:#38bdf87a;align-items:center;gap:5px;display:inline-flex}.piece-button.active{border-color:var(--amber);color:#fff7dd;background:#f59e0b2e}.piece-icon{border:1px solid #94a3b88c;border-radius:6px;place-items:center;width:20px;height:20px;font-family:Cascadia Mono,Consolas,monospace;font-size:12px;font-weight:900;line-height:1;display:inline-grid}.piece-icon.white,.promotion-icon.white{color:#101720;background:#f8fafc}.piece-icon.black,.promotion-icon.black{color:#f8fafc;background:#101720}.piece-icon.K,.promotion-icon.K{border-color:#facc15d1;border-radius:50%;box-shadow:inset 0 0 0 1px #facc1547}.piece-icon.Q,.promotion-icon.Q{border-color:#f472b6d1;box-shadow:inset 0 0 0 1px #f472b647}.piece-icon.R,.promotion-icon.R{border-color:#60a5fad1;border-radius:3px}.piece-icon.B,.promotion-icon.B{border-color:#34d399d1;border-radius:2px 8px}.piece-icon.N,.promotion-icon.N{border-color:#a78bfad1;font-style:italic}.piece-icon.P,.promotion-icon.P{border-color:#94a3b8b8;border-radius:50%}.piece-coord,.piece-count{color:var(--muted);font-family:Cascadia Mono,Consolas,monospace;font-size:11px;font-weight:800}.move-option{color:#dcfce7;background:#22c55e1a;border-color:#22c55e8c;font-family:Cascadia Mono,Consolas,monospace}.move-option.capture{color:#fee2e2;background:#ef444421;border-color:#ef4444b3}.move-option.pending{border-color:var(--amber);color:#fff7dd;background:#f59e0b42}.empty-row{min-height:28px;color:var(--muted);align-items:center;font-size:12px;display:inline-flex}.sidebar{border:1px solid var(--line);background:#181c23f0;border-radius:8px;align-self:start;padding:18px}.sidebar-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.sidebar-actions{flex:none;align-items:center;gap:7px;display:flex}.sidebar-header h2{margin-bottom:0}.sidebar h2,.panel h3{color:var(--cyan);letter-spacing:0}.sidebar h2{margin-bottom:14px;font-size:22px}.status-card,.boundary-info,.panel{background:#202731c2;border:1px solid #42505fd1;border-radius:8px}.status-card{gap:6px;margin-bottom:16px;padding:12px;display:grid}.status-line{color:var(--text);font-size:14px;line-height:1.4}.muted{color:var(--muted)}.control-group{gap:7px;margin-bottom:14px;display:grid}.control-group label{color:var(--muted);font-size:13px;font-weight:720}select,input,button{border:1px solid var(--line);width:100%;min-height:42px;color:var(--text);background:#131821;border-radius:8px}select,input{padding:0 11px}button{place-items:center;padding:0 12px;font-weight:760;transition:border-color .12s,background .12s,transform .12s;display:inline-grid}button:hover,select:hover{border-color:var(--cyan);background:#172131}button:active{transform:translateY(1px)}button:disabled,select:disabled,input:disabled{opacity:.62;cursor:not-allowed}.online-controls{background:#22c55e17;border:1px solid #22c55e8c;border-radius:8px;gap:10px;margin-bottom:14px;padding:12px;display:none}.online-controls.active{display:grid}.connection-status{text-align:center;border-radius:8px;padding:9px;font-weight:800}.connection-status.disconnected{color:#fecaca;background:#ef444429}.connection-status.connecting{color:#fde68a;background:#f59e0b29}.connection-status.connected{color:#bbf7d0;background:#22c55e29}.online-btn.create{border-color:#22c55eb3}.online-btn.match{border-color:#f59e0bd1}.online-btn.join{border-color:#38bdf8b3}.divider-text{color:var(--muted);text-align:center;font-size:12px;font-weight:800}.room-info{border:1px solid var(--line);background:#111318d1;border-radius:8px;gap:8px;padding:10px;display:grid}.room-info[hidden]{display:none}.room-id-display{color:var(--cyan);letter-spacing:.18em;text-align:center;overflow-wrap:anywhere;font-family:Cascadia Mono,Consolas,monospace;font-size:24px;font-weight:900}.online-controls,.room-info,.share-link-box{box-sizing:border-box;min-width:0;max-width:100%;overflow:hidden}.share-link-box{grid-template-columns:minmax(0,1fr) 82px;gap:8px;display:grid}.share-link-input{text-overflow:ellipsis;min-width:0;overflow:hidden}.copy-btn{min-height:38px}.boundary-info{color:#d9fbe5;margin-bottom:14px;padding:10px;font-size:13px;line-height:1.45}.control-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0;display:grid}.warning{border-color:#f59e0bb3}.danger{border-color:#ef4444b3}.panel{margin-top:12px;padding:12px}.panel h3{margin-bottom:8px;font-size:16px}.move-history{gap:6px;min-height:178px;max-height:230px;font-family:Cascadia Mono,Consolas,monospace;font-size:12px;display:grid;overflow-y:auto}.move-history-item{background:#38bdf814;border-left:3px solid #38bdf8cc;border-radius:6px;padding:6px}.chat-panel{gap:8px;display:grid}.chat-messages{background:#070c1266;border:1px solid #94a3b838;border-radius:8px;align-content:start;gap:6px;min-height:112px;max-height:180px;padding:8px;display:grid;overflow-y:auto}.chat-empty{color:var(--muted);font-size:12px}.chat-message{background:#38bdf814;border:1px solid #38bdf83d;border-radius:8px;max-width:92%;padding:7px 8px;font-size:12px;line-height:1.35}.chat-message.mine{background:#22c55e1a;border-color:#22c55e59;justify-self:end}.chat-meta{color:#a7f3d0;text-transform:uppercase;margin-bottom:3px;font-size:11px;font-weight:700}.chat-text{color:var(--text);overflow-wrap:anywhere}.chat-compose{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.chat-compose input{min-width:0}.rules-text{color:var(--muted);font-size:13px;line-height:1.5}.hints-toggle{z-index:30;background:#181c23f5;border:1px solid #38bdf8a6;border-radius:8px;align-items:center;gap:10px;width:max-content;max-width:calc(100vw - 24px);margin:12px 20px 20px auto;padding:10px 12px;display:flex;position:static;box-shadow:0 12px 40px #00000052}.hints-toggle label{color:var(--text);font-size:13px;font-weight:800}.toggle-switch{background:#343b49;border-radius:999px;width:52px;min-height:28px;padding:0;position:relative}.toggle-switch.active{background:var(--green)}.toggle-slider{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .14s;position:absolute;top:4px;left:4px}.toggle-switch.active .toggle-slider{transform:translate(24px)}.language-switch{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;box-shadow:0 8px 24px #00000042}.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}.language-switch .lang-option:hover,.language-switch .lang-option:focus-visible{color:#f8fafc;background:0 0;outline:none}.language-switch .lang-option.active{color:#38bdf8;text-underline-offset:4px;text-decoration:underline}.language-switch .lang-option:active{transform:none}.language-switch .lang-divider{color:#cbd5e1b8;align-items:center;height:22px;font-size:12px;line-height:1;display:inline-flex}.promotion-modal{z-index:60;background:#000000ad;place-items:center;display:none;position:fixed;inset:0}.promotion-modal.active{display:grid}.promotion-dialog{background:var(--panel);border:1px solid #38bdf8cc;border-radius:8px;width:min(420px,100vw - 32px);padding:22px}.promotion-dialog h3{color:var(--cyan);margin-bottom:14px}.promotion-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.promotion-btn{gap:4px;min-height:70px;display:grid}.promotion-icon{border:1px solid #94a3b899;border-radius:50%;place-items:center;width:32px;height:32px;margin:0 auto;font-family:Cascadia Mono,Consolas,monospace;font-size:18px;line-height:1;display:inline-grid}.promotion-name{color:var(--muted);font-size:11px;font-weight:800}@media (width<=1040px){.app-shell{grid-template-columns:1fr}.board-frame{height:68vh;min-height:440px}}@media (width<=640px){.app-shell{padding:12px}.top-bar{flex-direction:column;align-items:stretch}.game-info-bar{align-items:center;gap:6px}.turn-pill{flex:0 88px;min-width:88px;padding-inline:7px;font-size:12px}.timer-section{flex:170px;gap:6px}.player-timer{flex:82px;gap:6px;min-width:82px;padding-inline:7px}.timer-label,.timer-value{font-size:12px}.boundary-display{text-align:center;flex:100%;margin-left:0}.captured-pieces-container,.control-grid{grid-template-columns:1fr}.board-frame{min-height:360px}.hints-toggle{width:fit-content;margin:12px;position:static}}.robot-panel{background:#070f16b8;border:1px solid #48c7f438}.robot-row{grid-template-columns:1fr 1fr;align-items:center;gap:.65rem;margin:.55rem 0;display:grid}.robot-row label{color:var(--muted,#9fb3c8);font-size:.92rem}.robot-buttons{margin:.75rem 0}.robot-analysis{background:#00000038;border:1px solid #ffffff14;border-radius:12px;max-height:380px;padding:.7rem;font-size:.88rem;line-height:1.38;overflow:auto}.robot-analysis h3,.robot-analysis h4{margin:.5rem 0 .35rem}.robot-analysis ol{margin:.35rem 0 .7rem 1.25rem;padding:0}.robot-chip-list{flex-wrap:wrap;gap:.35rem;display:flex}.robot-chip{background:#48c7f41f;border:1px solid #48c7f433;border-radius:999px;padding:.22rem .45rem;display:inline-flex}.board-appearance-control select{min-width:100%}.language-switch.compact-language{box-shadow:none;background:0 0;border:0;align-items:center;gap:0;padding:0;display:inline-flex;position:relative;overflow:visible}.language-switch.compact-language .language-icon-button{color:#dff8ff;cursor:pointer;width:40px;height:40px;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;top: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{display:none}.r3-filter-control{background:#080d1494;border-color:#7dd3fc3d}.r3-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.r3-filter-grid input{text-align:center;min-width:0}