[data-mapped-control]{flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:88px;min-height:64px;padding:10px 12px;line-height:1.3;display:inline-flex}.control-action{font-size:12px;font-weight:700}.control-keys{justify-content:center;align-items:center;gap:4px;display:flex}.keyboard-guide kbd,[data-mapped-control] kbd{color:#173660;text-align:center;white-space:nowrap;background:#f7faff;border:1px solid #b5c9e8;border-bottom-width:2px;border-radius:5px;min-width:25px;padding:3px 6px;font:700 12px/1.25 ui-monospace,monospace;display:inline-block}.key-or{opacity:.7;font-size:11px}.keyboard-guide{color:#173660;text-align:left;background:#edf4ff;border:1px solid #c5d5ec;border-radius:12px;margin:18px 0 0;padding:16px}.keyboard-guide h3{letter-spacing:normal;margin:0 0 12px;font:700 14px/1.4 system-ui,sans-serif}.keyboard-guide dl{grid-template-columns:repeat(auto-fit,minmax(min(100%,205px),1fr));gap:12px 20px;margin:0;display:grid}.keyboard-guide dl>div{gap:5px;display:grid}.keyboard-guide dt{align-items:center;gap:4px;display:flex}.keyboard-guide dd{margin:0;font:500 12px/1.4 system-ui,sans-serif}.keyboard-guide p{color:#506581;margin:14px 0 0;font:400 12px/1.6 system-ui,sans-serif}.player-shell>.keyboard-guide{margin:0 16px 16px}.dpad{flex-wrap:wrap;gap:8px}.dpad button[data-mapped-control]{flex:88px;width:auto;height:auto;min-height:64px}.radius-raid .touch-controls{max-width:430px}@media (width<=480px){[data-mapped-control]{min-width:78px;padding:9px 6px}.keyboard-guide{padding:12px}.keyboard-guide dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.keyboard-guide kbd{min-width:20px;padding:3px 4px;font-size:11px}}.board-arena{--ink:#152c4d;--muted:#506581;--accent:#2563eb;--paper:#f3f7ff;--line:#c5d5ec;color:var(--ink);max-width:1200px;margin:auto;padding:12px 0;font-family:Manrope,system-ui,sans-serif}.board-arena *{box-sizing:border-box}.board-arena [hidden]{display:none!important}.board-arena button,.arena-import{font:inherit;border:1px solid var(--line);min-height:44px;color:var(--ink);cursor:pointer;background:#fff;border-radius:12px;padding:10px 14px;font-size:13px;font-weight:700;transition:background .15s}.board-arena button:hover:not(:disabled){background:#eaf2ff}.board-arena button:disabled{opacity:.45;cursor:not-allowed}.board-arena button:focus-visible,.board-arena select:focus-visible,.arena-import:focus-within{outline-offset:3px;outline:3px solid #2563eb}.board-arena .arena-primary{background:var(--accent);border-color:var(--accent);color:#fff}.board-arena .arena-primary:hover:not(:disabled){background:#1d4ed8}.arena-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.arena-eyebrow{letter-spacing:1.8px;color:var(--accent);font-size:11px;font-weight:800}.arena-heading h2{letter-spacing:-1.3px;margin:8px 0;font-size:clamp(27px,4vw,42px);line-height:1.15}.arena-heading p{color:var(--muted);margin:0;font-size:14px}.arena-icon{white-space:nowrap}.arena-modes{background:#e3edff;border-radius:16px;gap:5px;width:max-content;max-width:100%;margin-bottom:22px;padding:5px;display:flex}.arena-modes button{background:0 0;border:0;min-width:110px}.arena-modes button[aria-pressed=true]{color:#1d4ed8;background:#fff;box-shadow:0 2px 8px #13334810}.arena-grid{grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:24px;display:grid}.arena-play{min-width:0}.arena-players{justify-content:space-between;gap:12px;margin-bottom:14px;display:flex}.arena-players>div{border:1px solid var(--line);background:#fff;border-radius:14px;flex:1;align-items:center;gap:10px;padding:12px 14px;font-size:13px;display:flex}.arena-players>div.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.arena-players b{font-variant-numeric:tabular-nums;margin-left:auto;font-size:18px}.player-dot{border-radius:100%;flex-shrink:0;width:14px;height:14px;display:inline-block}.player-dot.dark{background:#243c4c}.player-dot.light{background:#fff5df;border:1px solid #a39a85}.arena-status{align-items:center;gap:10px;min-height:28px;margin-bottom:12px;font-size:14px;font-weight:700;display:flex}.status-dot{background:#2563eb;border-radius:50%;width:7px;height:7px}.board-scroll{background:#eff4f5;border:1px solid #bdced6;border-radius:20px;max-width:100%;padding:12px;overflow:auto;box-shadow:0 10px 38px #12364712}.board-surface{width:100%;min-width:240px;margin:auto}.board-scroll.zoomed .board-surface{width:180%;max-width:none}.board-grid{isolation:isolate;background:#c49560;border:1px solid #738d96;display:grid;position:relative;overflow:hidden}.board-row{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));display:grid}.board-arena .board-cell{aspect-ratio:1;touch-action:manipulation;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;min-width:0;min-height:0;padding:0;font-weight:400;transition:none;display:flex;position:relative}.board-cell:focus-visible{z-index:3;outline-offset:-3px!important;outline:3px solid #2563eb!important}.board-cell.last{background-color:#efdd8c80!important}.board-cell.selected{z-index:2;box-shadow:inset 0 0 0 3px #2563eb}.board-cell.hinted{z-index:2;box-shadow:inset 0 0 0 3px #d27624}.board-cell.legal:after{content:"";z-index:3;background:#2563eb88;border-radius:50%;width:22%;height:22%;position:absolute}.board-cell.capture:after{background:0 0;border:3px solid #2563eb;width:86%;height:86%}.board-grid.chess{--cols:8;border-radius:8px}.chess .board-cell{background:#eaf1ed}.chess .board-cell.dark-cell{background:#7da7b5}.chess .board-cell:hover{filter:brightness(.95)}.chess .piece{pointer-events:none;color:#203b49;font-family:Apple Symbols,Segoe UI Symbol,DejaVu Sans,serif;font-size:clamp(25px,4vw,59px);font-weight:400;line-height:1}.chess .piece.side-0{color:#fff9e9;text-shadow:-1px -1px #304753,1px -1px #304753,-1px 1px #304753,1px 1px #304753,0 3px 2px #30475350}.chess .piece.side-1{text-shadow:0 1px 1px #ffffff60}.board-coordinate{color:#4e6773;justify-content:space-around;align-items:center;height:18px;font-size:10px;font-weight:700;display:flex}.board-cell .rank-label{color:#355261;pointer-events:none;font-size:9px;line-height:1;position:absolute;top:2px;left:3px}.board-grid.xiangqi{--cols:9;background:linear-gradient(125deg,#f4deb6,#e8cb9a);border-radius:8px;padding:8px}.xiangqi .board-cell{background:linear-gradient(#89613c,#89613c) 50%/1px 100% no-repeat,linear-gradient(#89613c,#89613c) 50%/100% 1px no-repeat}.xiangqi .board-cell:first-child{background-position:50%,100%;background-size:1px 100%,50% 1px}.xiangqi .board-cell:nth-child(9){background-position:50%,0;background-size:1px 100%,50% 1px}.xiangqi .board-row:first-child .board-cell{background-position:bottom,50%;background-size:1px 50%,100% 1px}.xiangqi .board-row:last-child .board-cell,.xiangqi .board-row:nth-child(5) .board-cell{background-position:top,50%;background-size:1px 50%,100% 1px}.xiangqi .board-row:nth-child(6) .board-cell{background-position:bottom,50%;background-size:1px 50%,100% 1px}.board-grid.xiangqi:after{content:"RIVER";text-align:center;letter-spacing:.3em;color:#78512e;pointer-events:none;font:700 clamp(12px,2.3vw,28px) Georgia,serif;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.xiangqi .piece{z-index:2;pointer-events:none;color:#263e43;background:radial-gradient(circle at 35% 20%,#fff7e1,#eacb91);border:2px solid;border-radius:100%;justify-content:center;align-items:center;width:83%;height:83%;font-family:Georgia,serif;font-size:clamp(16px,2.8vw,35px);font-weight:700;line-height:1;display:flex;box-shadow:0 2px 2px #66401270,inset 0 0 0 2px #ffe7b8}.xiangqi .piece.side-0{color:#a72e28}.xiangqi .board-cell.legal:after{background:#2563eb}.xiangqi .palace-diagonal{pointer-events:none;z-index:-1;background:linear-gradient(45deg,#0000 calc(50% - .5px),#89613c 50%,#0000 calc(50% + .5px)),linear-gradient(-45deg,#0000 calc(50% - .5px),#89613c 50%,#0000 calc(50% + .5px));position:absolute;inset:-50%}.board-grid.gomoku{--cols:15;background:linear-gradient(120deg,#f3dcae,#e5c58f);border-radius:8px;padding:8px}.gomoku .board-cell{background:linear-gradient(#977343,#977343) 50%/1px 100% no-repeat,linear-gradient(#977343,#977343) 50%/100% 1px no-repeat}.gomoku .board-cell:first-child{background-position:50%,100%;background-size:1px 100%,50% 1px}.gomoku .board-cell:last-child{background-position:50%,0;background-size:1px 100%,50% 1px}.gomoku .board-row:first-child .board-cell{background-position:bottom,50%;background-size:1px 50%,100% 1px}.gomoku .board-row:last-child .board-cell{background-position:top,50%;background-size:1px 50%,100% 1px}.gomoku .piece{pointer-events:none;z-index:2;background:radial-gradient(circle at 35% 25%,#637179,#142a36 65%);border-radius:50%;width:84%;height:84%;box-shadow:1px 2px 2px #4b341970}.gomoku .piece.side-1{background:radial-gradient(circle at 35% 25%,#fffef7,#e0e3df 65%);border:1px solid #d0d0be}.gomoku .board-cell.last .piece:after{content:"";background:#e98235;border-radius:50%;width:15%;height:15%;margin:43% auto;display:block}.gomoku .board-cell.star:before{content:"";background:#6b4f2e;border-radius:50%;width:14%;height:14%;position:absolute}.board-cell.winning{box-shadow:inset 0 0 0 2px #2563eb}.arena-place{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.arena-place p{color:var(--muted);margin:0;font-size:13px}.arena-tools{flex-wrap:wrap;gap:7px;margin-top:14px;display:flex}.arena-tools button{white-space:nowrap;flex:1;padding:8px 10px}.arena-feedback{color:#986023;min-height:24px;margin:12px 0 0;font-size:13px}.arena-keyboard{color:var(--muted);font-size:11px;line-height:1.7}.arena-sidebar{gap:16px;display:grid}.arena-panel{border:1px solid var(--line);background:#fff;border-radius:18px;padding:20px}.arena-panel h3{letter-spacing:-.5px;margin:9px 0 18px;font-size:20px}.arena-panel h3 small{color:var(--muted);float:right;padding-top:7px;font-size:12px;font-weight:500}.arena-panel label:not(.arena-import){gap:7px;margin:14px 0;font-size:12px;font-weight:700;display:grid}.arena-panel select{font:inherit;border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);background:#f5f8f9;border-radius:10px;padding:10px}.arena-panel>button.arena-primary{width:100%;margin-top:4px}.arena-secondary{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.arena-secondary>button,.arena-secondary>.arena-import{text-align:center;white-space:nowrap;flex:1;padding:8px 10px}.arena-small{color:var(--muted);font-size:11px;line-height:1.7}.arena-level-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.arena-level-grid button{gap:3px;min-height:54px;padding:7px 2px;font-size:14px;display:grid}.arena-level-grid button small{letter-spacing:1px;color:#b77a24;font-size:8px}.arena-level-grid button.current{border-color:var(--accent);background:#eaf2ff}.level-brief{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.level-brief>span{color:var(--accent);font-size:11px}.level-brief h4{margin:8px 0;font-size:17px}.level-brief p{font-size:13px;line-height:1.7}.arena-move-list{counter-reset:moves;grid-template-columns:1fr 1fr;gap:7px 12px;max-height:190px;padding:0;list-style:none;display:grid;overflow:auto}.arena-move-list li{font-variant-numeric:tabular-nums;background:#f1f5f7;border-radius:7px;padding:6px 8px;font-size:12px}.arena-move-list li:before{counter-increment:moves;content:counter(moves) ". ";color:var(--muted)}.arena-move-list li.active{outline:1px solid var(--accent)}.arena-import{justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.arena-import input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.arena-rules summary{cursor:pointer;min-height:26px;font-size:13px;font-weight:700}.arena-rules p{color:var(--muted);font-size:12px;line-height:1.8}.arena-local{color:var(--muted);text-align:center;font-size:10px;line-height:1.9}.arena-result{background:#eaf2ff;border:1px solid #b6c9e4;border-radius:16px;margin-top:14px;padding:20px}.arena-result h3{margin:8px 0;font-size:24px}.arena-result p{font-size:13px}.arena-result>div{flex-wrap:wrap;gap:8px;display:flex}.arena-replay{background:#e3edff;border-radius:12px;margin-top:14px;padding:12px;font-size:12px}.arena-replay>div{gap:5px;margin-top:8px;display:flex}.arena-dialog{border:1px solid var(--line);width:calc(100% - 32px);max-width:430px;color:var(--ink);border-radius:20px;padding:26px;font-family:inherit;box-shadow:0 20px 100px #162f4b50}.arena-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#17354870}.arena-dialog h3{margin:0 0 12px}.arena-dialog p{font-size:14px;line-height:1.8}.arena-dialog>div{gap:8px;display:flex}.promotion-options{grid-template-columns:1fr 1fr;margin-bottom:16px;display:grid!important}.promotion-options button{font-size:30px}.promotion-options span{font-size:12px}.board-arena:fullscreen{background:var(--paper);max-width:none;padding:24px;overflow:auto}.board-arena:fullscreen .arena-grid{max-width:1000px;margin:auto}:is(.board-arena:fullscreen .arena-heading,.board-arena:fullscreen .arena-modes){max-width:1000px;margin-left:auto;margin-right:auto}@media (width<=850px){.arena-grid{grid-template-columns:minmax(0,1fr) 250px;gap:16px}.arena-panel{padding:16px}.arena-modes button{min-width:100px}.board-scroll{padding:8px}.chess .piece{font-size:clamp(22px,5.5vw,52px)}}@media (width<=680px){.arena-grid{grid-template-columns:1fr}.arena-sidebar{grid-template-columns:1fr;gap:12px}.arena-panel{min-width:0}.arena-heading{align-items:flex-start}.arena-heading h2{font-size:30px}.arena-heading p{max-width:245px;font-size:12px}.arena-modes{width:100%}.arena-modes button{flex:1;min-width:0;font-size:12px}.arena-players>div{gap:7px;padding:10px;font-size:12px}.arena-players b{font-size:16px}.chess .piece{font-size:clamp(28px,8vw,56px)}.xiangqi .piece{font-size:clamp(19px,5vw,32px)}.arena-sidebar>.arena-panel:first-child,.arena-sidebar>[data-level-panel]{grid-column:1/-1}.arena-level-grid{grid-template-columns:repeat(6,1fr)}.arena-tools{gap:5px}.arena-tools button{padding:8px;font-size:11px}.arena-sidebar .arena-secondary{gap:4px}.arena-sidebar .arena-secondary button,.arena-import{padding:6px;font-size:11px}.arena-rules{grid-column:1/-1}.arena-local{grid-column:1/-1;margin:0}.board-coordinate{height:14px}.board-arena{padding:0}.arena-players{gap:8px}}@media (prefers-reduced-motion:reduce){.board-arena *{transition:none!important}}