.multi-arena{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:30px;max-width:1240px;margin:auto;padding:28px 30px 60px}.game-table,.arena-sidebar{min-width:0}.multi-arena h1{font-size:34px;margin:8px 0 18px}.mode-badge{font-size:12px;padding:6px 10px;border:1px solid #77c6b850;border-radius:20px;color:var(--mint)}.seat-row{display:flex;gap:10px;margin-bottom:20px}.seat{flex:1;min-width:0;border:1px solid #8dcabd25;border-radius:12px;background:#112333;padding:12px;display:flex;gap:10px;align-items:center}.seat.active{border-color:var(--mint);box-shadow:0 0 20px #83f0d016}.seat.exited{opacity:.45}.seat strong{font-size:14px;display:block;overflow-wrap:anywhere}.seat small{display:block;color:var(--muted);font-size:11px}.seat-disc{flex:none;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#525965,#131920 65%,#020406);box-shadow:0 3px 3px #0008}.seat-disc.p2{background:radial-gradient(circle at 30% 20%,#fff,#e4e2d7 70%,#9b9b8c)}.seat-disc.p3{background:radial-gradient(circle at 30% 20%,#c6a4ff,#8461bb 70%,#3c255d)}.board-shell{position:relative;padding:24px;border:1px solid #efd0a85e;border-radius:18px;background:linear-gradient(140deg,#9f7044,#69472d 60%,#362820);box-shadow:inset 0 2px 1px #fff5,0 8px 0 #211c1a,0 20px 36px #0007;margin-bottom:24px}.game-board{display:grid;position:relative;grid-template-columns:repeat(var(--cols),minmax(0,1fr));aspect-ratio:var(--ratio,1);background:linear-gradient(120deg,#e9c896,#cba36a);border:1px solid #583b2599;isolation:isolate;overflow:hidden}.board-cell{position:relative;min-width:0;min-height:0;border:0;border-radius:0;background:transparent;padding:0;display:grid;place-items:center;box-shadow:none;color:#142131;aspect-ratio:1;touch-action:manipulation}.board-cell::before{content:'';position:absolute;inset:0;z-index:-1}.lined .board-cell::before{background:linear-gradient(#6f4b36,#6f4b36) center/1px 100% no-repeat,linear-gradient(#6f4b36,#6f4b36) center/100% 1px no-repeat}.board-cell:hover{background:#fffc982a}.board-cell.selected{outline:3px solid #168c7b;outline-offset:-3px;background:#71b4a66e}.board-cell.hint::after{content:'';width:17%;height:17%;border-radius:100%;background:#153d3866;position:absolute;box-shadow:0 0 0 2px #d5f7c244}.board-cell.last{background-color:#faff934a}.token{width:83%;height:83%;border-radius:50%;display:grid;place-items:center;line-height:1;font-size:clamp(16px,3.5vw,34px);font-weight:650;pointer-events:none;box-shadow:inset 0 2px 3px #fff4,0 3px 4px #0008;transform:translateY(-1px);background:radial-gradient(circle at 30% 20%,#515965,#181d25 65%,#05070b);color:white}.token.p2{background:radial-gradient(circle at 30% 20%,#fff,#edece6 70%,#aaa99f);color:#142131}.token.p3{background:radial-gradient(circle at 30% 20%,#c4a1f6,#8765c0 65%,#4a346d)}.token.dead{opacity:.35;outline:2px dashed #b72222;outline-offset:-3px}.token.frozen{filter:grayscale(1);outline:2px dashed #657a93;outline-offset:-3px}.game-board.chess{background:#eddac0}.chess .board-cell.dark{background:#76918a}.chess .board-cell.selected{background:#a2ca61}.chess .token{border-radius:6px;background:none;box-shadow:none;font-size:clamp(27px,5.5vw,57px);color:#f9f4e9;text-shadow:0 1px 0 #655d50,1px 0 0 #655d50,-1px 0 0 #655d50,0 3px 2px #14231a80;width:95%;height:95%}.chess .token.p2{color:#1c2933;text-shadow:0 1px 0 #819a99,0 3px 2px #0004}.game-board.xiangqi .token{background:radial-gradient(circle at 35% 25%,#fff1c8,#dfb475 70%,#b27d4a);color:#ad392d;width:83%;height:83%;border:2px double #963d3370;font-size:clamp(16px,3.5vw,32px)}.game-board.xiangqi .token.p2{color:#263b39;border-color:#2d464179}.river{position:absolute;top:45%;left:0;right:0;height:10%;display:flex;align-items:center;justify-content:space-around;color:#5b4431aa;font-size:clamp(12px,3vw,25px);letter-spacing:6px;pointer-events:none;z-index:-1;background:#dbb982}.xiangqi .board-cell::before{z-index:-2}.game-board.reversi{background:linear-gradient(130deg,#2e7464,#195443);border-color:#093727}.reversi .board-cell{border:1px solid #092e2466}.reversi .board-cell.last{background:#8bbf8366}.game-board.checkers{display:block;background:radial-gradient(ellipse,#e7c998,#b98c52);aspect-ratio:1;border-radius:12px;overflow:visible}.checkers .board-cell{position:absolute;width:5.65%;height:5.65%;aspect-ratio:auto;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 60% 70%,#bb905a,#765837);box-shadow:inset 0 2px 2px #0006,0 1px 1px #fff7;z-index:2}.checkers .token{width:91%;height:91%}.star-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.22}.board-cell:focus-visible{outline:3px solid #03b499;outline-offset:-2px;z-index:4}.multi-turn{display:flex;align-items:center;justify-content:space-between;padding:10px 0}.multi-turn small{display:block;color:var(--muted);font-size:12px}.multi-arena progress{display:block;width:100%;height:5px;border:0;accent-color:var(--mint)}.game-actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.arena-panel{padding:20px;border:1px solid #7ea7a42b;border-radius:15px;background:linear-gradient(145deg,#162b37,#111e2d);margin:0 0 18px;box-shadow:inset 0 1px #f1ffff09,0 4px 10px #0002}.arena-panel h2{font-size:18px;margin:0 0 14px}.arena-panel label{display:block;font-size:13px;color:var(--muted);margin:10px 0}.arena-panel select{display:block;width:100%;margin-top:6px;border:1px solid #526073;border-radius:8px;background:#0f1c2b;color:var(--text);padding:9px;font:inherit;min-width:0}.arena-small,.arena-panel p,.arena-panel li{font-size:13px;line-height:1.8;color:var(--muted)}.ability-choices{border-top:1px solid #ffffff16;padding-top:10px;margin-top:14px}.ability-choices strong{font-size:13px}.ability-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.arena-power{width:100%;display:flex;text-align:left;align-items:center;gap:12px;margin-top:9px;background:linear-gradient(120deg,#27483e,#183033);border:1px solid #689d9166;border-radius:11px;box-shadow:0 3px 0 #07191b;padding:12px;color:white}.arena-power .symbol{font-size:25px;color:var(--mint);width:28px;text-align:center}.arena-power span small{display:block;font-size:11px;color:#b4ccc5}.arena-power:disabled{opacity:.4;cursor:default}.game-log{padding-left:20px;margin:0;max-height:220px;overflow:auto}.handoff{position:absolute;inset:0;border-radius:18px;background:#0f202efc;z-index:8;display:grid;place-content:center;text-align:center;padding:24px}.handoff[hidden],[hidden]{display:none!important}.handoff h2{margin:10px 0}.handoff p{color:var(--muted);font-size:13px}.handoff button{margin:16px auto}.replay-active{outline:3px solid #dcc175}.arena-panel input[type=range]{width:100%}.score-number{font-size:26px;font-weight:700;color:#f1dcae}.connection-tag{font-size:11px;color:#e9c98a}.arena-sidebar details summary{cursor:pointer;font-weight:650}.promotion-dialog{border:1px solid #82c7b6;background:#162836;color:#eef4fc;border-radius:16px;max-width:90vw}.promotion-dialog::backdrop{background:#03080ba8}.promotion-dialog button{font-size:26px;min-width:60px;margin:5px}.seat-title{font-size:10px;color:#dfce9a;display:block}.network-form input{font:inherit;width:100%;background:#0d1928;border:1px solid #526073;border-radius:8px;color:#f1f5f9;padding:10px;margin:5px 0}.network-layout{max-width:940px;margin:auto;padding:30px}.network-layout h1{font-size:32px}.network-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.network-list{display:grid;gap:10px}.network-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #8daca52b;padding:12px 0;flex-wrap:wrap}.online-note{color:#b0c3ce;font-size:13px}.install-note{max-width:1180px;margin:12px auto;padding:12px 20px;background:#183236;border:1px solid #75b5aa44;border-radius:12px;font-size:13px;color:#cce6e0;display:flex;align-items:center;justify-content:space-between;gap:12px}.error-text{color:#f3b4a3!important}.success-text{color:#8ee2c1!important}
@media(max-width:960px){.multi-arena{grid-template-columns:minmax(0,1fr) 280px;gap:18px;padding:24px 18px}.board-shell{padding:16px}.seat{padding:8px;gap:6px}.seat-disc{width:16px;height:16px}}
@media(max-width:740px){.multi-arena{display:block;padding:18px 12px 40px}.arena-sidebar{margin-top:24px}.board-shell{padding:15px;border-radius:14px}.game-table{max-width:620px;margin:auto}.multi-arena h1{font-size:28px}.seat-row{gap:6px}.seat{padding:10px 6px}.seat strong{font-size:12px}.seat small{font-size:10px}.seat-disc{width:16px;height:16px}.arena-panel{padding:16px}.network-card-grid{grid-template-columns:1fr}.network-layout{padding:20px 14px}.game-board.go .token{width:88%;height:88%;box-shadow:inset 0 1px 1px #fff4,0 1px 2px #0008}.multi-arena .arena-top{align-items:flex-start}.mode-badge{font-size:10px}.token{font-size:20px}}
.token.jade.p1{background:radial-gradient(circle at 30% 20%,#70bda3,#276458 65%,#163f36)}.token.jade.p2{background:radial-gradient(circle at 30% 20%,#f1fff9,#c1e2ce 65%,#759681)}.chess .token.jade,.xiangqi .token.jade{background:radial-gradient(circle at 30% 20%,#eafdf1,#9ec5ad 70%,#678b76)}
.board-cell.hoshi::after{content:'';position:absolute;width:12%;height:12%;border-radius:50%;background:#64432d;pointer-events:none}.palace-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;fill:none;stroke:#6f4b36;stroke-width:.16}
.seat-picture{display:flex;flex-direction:column;align-items:center;gap:5px;flex-shrink:0;max-width:100px}.seat-picture .seat-disc{display:grid;place-items:center;color:#f1f8f7;width:34px;height:34px;font-size:15px;position:relative}.seat-picture .seat-disc.p2{color:#193d37}.seat-picture .seat-title{font-size:10px;line-height:1.35;text-align:center;max-width:95px}.seat-picture .rookie{outline:2px solid #8fe9cb;outline-offset:2px}.seat-picture .debut::after{content:'✦';position:absolute;right:-5px;bottom:-5px;color:#f5cc78;text-shadow:0 1px 2px #152c28}@media(max-width:740px){.seat-picture{max-width:60px}.seat-picture .seat-disc{width:26px;height:26px;font-size:12px}.seat-picture .seat-title{font-size:8px;max-width:60px}}

.go-ending{margin:0 0 20px;padding:18px 20px;border:1px solid #86d7bd55;border-radius:14px;background:linear-gradient(125deg,#1c3939,#152735);box-shadow:inset 0 1px #edfff619,0 4px 0 #08192266}.go-ending-title{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.go-ending h2{font-size:17px;margin:0}.go-pass-count{font-size:12px;color:#c4efd8;border:1px solid #8ccbaf55;background:#10262b;padding:4px 9px;border-radius:20px;white-space:nowrap}.go-end-steps{display:flex;flex-wrap:wrap;gap:8px 24px;margin:14px 0 10px;padding-left:18px;font-size:12px;color:#a1b6bf}.go-end-steps li{padding-right:4px}.go-end-steps .current{color:#f5d18f;font-weight:700}.go-end-steps .done{color:#90e1bb}.go-ending p{font-size:13px;line-height:1.7;color:#b9cfd1;margin:8px 0 0}.go-ending .go-bot-note{font-size:12px;color:#91b5b5}.go-score-table{overflow-x:auto;margin:12px 0}.go-score-table table{width:100%;border-collapse:collapse;font-size:14px;text-align:right}.go-score-table caption{text-align:left;font-size:12px;color:#aecac8;margin-bottom:8px}.go-score-table th,.go-score-table td{padding:9px 12px;border-bottom:1px solid #91b3ad22}.go-score-table th:first-child{text-align:left}.go-score-table thead{color:#b3d5d0}.go-score-table tbody th{font-weight:400}.go-score-table .total{background:#6bc9ad16;color:#f4d89f;font-weight:700;font-size:18px}.score-consents{display:flex;flex-wrap:wrap;gap:8px}.score-consents span{font-size:12px;padding:6px 10px;border-radius:8px;background:#1e3040;color:#acbcc9}.score-consents .accepted{background:#27604b55;color:#a3efca}.multi-turn .clock #seconds{font-size:22px}@media(max-width:740px){.go-ending{padding:14px}.go-end-steps{gap:7px 22px;font-size:11px}.go-score-table th,.go-score-table td{padding:8px}.multi-turn .clock #seconds{font-size:18px}}

.checkers-guide{font-size:13px;line-height:1.8;color:#bed6d0;margin:0 0 14px;padding:11px 14px;border-left:3px solid #80d1b4;border-radius:8px;background:#1d363d}.checkers-camp-label{position:absolute;left:3%;width:27%;pointer-events:none;z-index:3;color:#274943;text-align:center;line-height:1.6}.checkers-camp-label strong{display:block;font-size:clamp(11px,1.5vw,17px);font-weight:700}.checkers-camp-label small{display:block;font-size:clamp(9px,1.1vw,12px);color:#624d32}.camp-slot-0{top:4%}.camp-slot-1{left:auto;right:3%;top:16%}.camp-slot-2{left:auto;right:3%;bottom:16%}.camp-slot-3{bottom:4%}.camp-slot-4{bottom:16%}.camp-slot-5{top:16%}



.checkers-surface{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.camp-ground{stroke:#48351d66;stroke-width:.35;stroke-linejoin:round}.checkers-grid-lines{opacity:.28}.game-board.checkers .board-cell{background:radial-gradient(circle at 45% 65%,#efdbb6,#d7b98b 65%,#95764d);box-shadow:inset 0 2px 2px #4a311b99,0 1px 1px #ffedcdaa}.game-board.checkers .board-cell.selected{outline:3px solid #fff2ae;outline-offset:-1px;z-index:4}.game-board.checkers .board-cell.hint::after{width:30%;height:30%;background:#173329;box-shadow:0 0 0 2px #e9fff0}.game-board.checkers .token,.costume-preview.default-pieces.group-checkers .sample-stone{box-shadow:inset 0 2px 2px #ffffff85,inset 0 -2px 2px #0005,0 3px 4px #21160ccc;border:1px solid #fff5}.game-board.checkers .token.checker-blue,.seat-picture .seat-disc.checker-blue,.default-pieces.group-checkers .sample-stone.checker-blue{background:radial-gradient(circle at 30% 20%,#d5edff 0,#58b2f2 20%,#196fba 58%,#103f73 100%);color:#fff}.game-board.checkers .token.checker-green,.seat-picture .seat-disc.checker-green,.default-pieces.group-checkers .sample-stone.checker-green{background:radial-gradient(circle at 30% 20%,#e1ffee 0,#6ac597 20%,#238651 58%,#105431 100%);color:#fff}.game-board.checkers .token.checker-red,.seat-picture .seat-disc.checker-red,.default-pieces.group-checkers .sample-stone.checker-red{background:radial-gradient(circle at 30% 20%,#ffede5 0,#f98770 20%,#c73d32 58%,#771e23 100%);color:#fff}.camp-text-blue{color:#153c6b}.camp-text-green{color:#184a34}.camp-text-red{color:#782b24}