:root{--ink:#18334b;--muted:#6a7c8c;--accent:#2168b1;--line:#dce5ee;--paper:#f2f5fa}body{background:radial-gradient(ellipse at 20% 0,#e6eef9 0,transparent 50%),#f4f6fa;-webkit-tap-highlight-color:transparent}.topbar{padding-top:max(20px,env(safe-area-inset-top));gap:16px}.brand-icon{background:#132b47;border-radius:17px;box-shadow:0 6px 16px #142e4520}.brand small{color:#637e98}.brand{color:#18334b}.panel{border-color:#dde5ee;box-shadow:0 6px 22px #24466c05}.tag,.counter{background:#e5eff9;color:#2466a5}.primary{background:#2168b1;border-color:#2168b1}.primary:hover{background:#16518d}.avatar{background:#e6edf8;color:#3b659b}.avatar-button{background:#e5edf7;border-color:#d3e0ee}.welcome-row{padding:16px 0}.stats{gap:7px}.stat{background:#f1f5fa}.join-box{background:#edf3fa;border:1px solid #dce7f4}.input-row input{font-size:16px}.search{font-size:16px;background:#f5f7fa}.connection{font-size:12px;color:#5d8299}.eyebrow{color:#6b84a1}.game-heading h2{font-size:25px;line-height:1.25}.board-shell{background:#fff;border-color:#d6e1eb;border-radius:22px;box-shadow:0 15px 40px #18364e12}.square{background:#f4f1df}.square.dark{background:#7c9ab1}.square:hover{background:#e6e7ce}.square.dark:hover{background:#6a8fac}.square.selected,.square.selected:hover{background:#f1d47e}.square.check{background:#f19b8a}.coordinate{color:#203e57}.square img{filter:drop-shadow(0 2px 1px #16304526)}#board{border-color:#43647c}.square.legal:after{border-color:#078b41}.square.capture:after{border-color:#eb7814}.player-bar{padding-inline:5px}.piece-badge{background:#1b3349;border-radius:11px}.piece-badge.light{background:#f5f0dd;border-color:#cfd6d8}.turn-status{background:#e7eef7;color:#355e83;min-height:48px;display:flex;align-items:center;justify-content:center}.turn-status.your-turn{background:#2268b1;box-shadow:0 5px 16px #2168b11c;color:white}.turn-status.finished{background:#f8e9b6;color:#755723}.game-tabs button.active{background:#2168b1;border-color:#2168b1}.game-card{border-radius:12px;background:#fbfcfe}.game-card.active{border-color:#4582bd;background:#edf4fc}.game-card .turn-tag{color:#1767ae}.switch input{accent-color:#2168b1}.person button{min-height:40px;border-radius:10px;background:#edf4fc;color:#2168b1;border-color:#d3e3f3}.person button:disabled{background:#f7f9fb;color:#8a9aa7}.board-cover{background:#e8eef58c}.board-cover>div{background:#ffffffee;box-shadow:0 15px 30px #16345526}.cover-knight{color:#2769ad}.invitation{background:#fff4d4;border-color:#f0dfb0}.download{padding:11px;background:#edf4fb;border-radius:12px;font-size:14px}.download small{font-size:12px}.download>span{background:white;width:32px;height:38px;display:grid;place-items:center;border-radius:9px;flex-shrink:0}.lobby-bottom{border:0;padding-top:3px}.club-note{font-size:14px}.club-note p,.club-note a{font-size:13px}.leaderboard .rank-row{font-size:14px}.rank-row>span:nth-child(2){font-size:12px}.rank-row:nth-child(2){background:#f6f9fd}dialog{background:#fbfcff;border-radius:24px}dialog::backdrop{background:#102b45a8}.toast{background:#183b60}.site-footer{max-width:1468px;margin:10px auto 0;padding:24px 36px max(26px,env(safe-area-inset-bottom));display:flex;justify-content:center;flex-wrap:wrap;gap:12px 25px;border-top:1px solid #dce5ee;color:#718499;font-size:13px}.site-footer a{font-size:13px}.legal-page{max-width:720px;margin:30px auto 55px;padding:40px}.legal-page h1{font-size:38px;letter-spacing:-1px;margin:8px 0 30px}.legal-page section{padding:20px 0;border-top:1px solid var(--line)}.legal-page h2{margin-bottom:14px}.legal-page p,.legal-page address{font-size:16px;line-height:1.8;font-style:normal;color:#526d83}.back-link{font-size:14px;display:inline-block;padding:10px 0}.mobile-nav{display:none}.mobile-friends{display:none!important}.play-area{min-width:0}.square{user-select:none;-webkit-user-select:none}.promotion-choices button{min-width:0}.promotion-choices img{display:block}.toast{bottom:max(25px,env(safe-area-inset-bottom))}button,.input-row button{min-height:44px}input,textarea{font-size:16px}#moveList{overscroll-behavior:contain}.animation-layer{pointer-events:none}.game-actions button{min-height:44px}.flying-piece{filter:drop-shadow(0 4px 3px #18394c33)}
@media(min-width:1350px){.layout{grid-template-columns:minmax(250px,.86fr) minmax(390px,1.65fr) minmax(250px,.86fr);gap:26px}.board-shell{max-width:min(100%,max(400px,calc(100svh - 300px)));margin-inline:auto}.game-heading,.game-tabs{max-width:680px;margin-inline:auto}.board-tools,.turn-status,.legend,.game-actions,.moves-panel,.notice{max-width:680px;margin-inline:auto}.board-tools{margin-top:7px}}
@media(min-width:761px) and (max-width:1349px){.layout{display:grid;grid-template-columns:minmax(215px,.65fr) minmax(0,1.35fr);gap:20px;padding:8px 22px 32px}.lobby{padding:18px}.right-column{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:20px}.board-shell{max-width:min(100%,max(300px,calc(100svh - 330px)));margin-inline:auto}.board-tools{gap:10px}.game-heading h2{font-size:23px}.players{overflow:hidden}}
@media(max-width:760px){body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.topbar{padding:14px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));background:#f5f8fcf5;border-bottom:1px solid #e0e7ef}.brand{font-size:23px;gap:9px}.brand-icon{width:44px;height:44px;font-size:35px}.brand small{font-size:8px;letter-spacing:1.5px}.header-actions>a{font-size:12px;max-width:70px;text-align:center}.header-actions{gap:5px}.avatar-button{width:42px;min-height:42px}.layout{display:block;padding:16px max(12px,env(safe-area-inset-right)) 12px max(12px,env(safe-area-inset-left));max-width:600px}.lobby{padding:20px;width:100%;border-radius:19px}.people-list{max-height:none}.panel{border-radius:19px}.intro{font-size:15px}.list-title{font-size:18px}.person{padding:14px 0}.person-info strong{font-size:16px}.person-info small{font-size:13px}.person .avatar{width:40px;height:40px}.person button{font-size:14px;min-height:44px}.join-box{padding:15px}.welcome-row strong{font-size:19px}.empty{font-size:15px}.game-heading{padding:0 3px 12px;gap:10px}.game-heading h2{font-size:22px}.eyebrow{font-size:10px}.board-shell{padding:9px;border-radius:17px}.board-container{width:100%}.player-bar{min-height:48px;padding:2px 3px 10px}.bottom-player{padding:10px 3px 2px}.player-bar strong{font-size:15px}.player-bar small{font-size:12px}.piece-badge{height:31px;width:31px}.game-tabs{margin-bottom:10px;gap:6px;padding-bottom:3px}.game-tabs button{min-height:37px;font-size:13px}.board-tools{gap:7px;flex-wrap:wrap;justify-content:space-between}.switch{font-size:13px}.switch input{height:20px;width:20px}.turn-status{font-size:14px;margin-top:10px;padding:11px}.game-actions{gap:5px}.game-actions button{font-size:12px;padding:8px 9px}.legend{margin-bottom:12px;gap:16px}.moves-panel{margin-top:15px}.right-column{display:flex;width:100%;gap:18px}.right-column .panel{padding:22px}.leaderboard{max-height:none}.club-note{padding:10px}.download small{font-size:12px}.site-footer{padding:20px 16px 16px;margin:0 12px;font-size:12px;gap:10px 18px}.site-footer>span{flex-basis:100%;text-align:center}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:45;background:#fffefdf5;backdrop-filter:blur(14px);border-top:1px solid #d3dfea;padding:8px max(12px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));gap:7px;box-shadow:0 -7px 25px #1b416507}.mobile-nav button{flex:1;border:0;background:transparent;border-radius:12px;font-size:13px;min-height:51px;padding:6px;color:#6e8397;display:flex;align-items:center;justify-content:center;gap:6px}.mobile-nav button.active{background:#e8f1fc;color:#2168b1}.mobile-nav .nav-symbol{font-size:22px;line-height:1}.nav-badge{background:#e9ab27;color:#25354a;border-radius:20px;min-width:19px;padding:1px 5px;font-size:11px}.nav-badge:empty{display:none}body[data-mobile-view=board] .lobby,body[data-mobile-view=board] .right-column{display:none}body[data-mobile-view=friends] .play-area,body[data-mobile-view=friends] .right-column{display:none}body[data-mobile-view=games] .lobby,body[data-mobile-view=games] .play-area{display:none}.toast{bottom:calc(85px + env(safe-area-inset-bottom));width:max-content;max-width:92%}dialog{padding:25px;max-width:94vw;max-height:calc(100svh - 50px)}dialog h2{font-size:25px}dialog p{font-size:15px}.legal-page{margin:18px 12px 24px;padding:27px}.legal-page h1{font-size:33px}.legal-page .back-link{margin-top:10px}.topbar>.back-link{font-size:12px;max-width:80px}.board-cover>div{padding:16px}.board-cover h3{font-size:20px}.board-cover p{font-size:14px}.board-cover a{font-size:13px}.coordinate{font-size:9px}}
@media(max-width:350px){.mobile-nav button{font-size:12px;gap:4px}.mobile-nav{gap:3px}.game-heading h2{font-size:20px}.header-actions>a{font-size:11px;max-width:60px}.brand small{font-size:7px}.game-actions button{font-size:11px}.legend{font-size:11px}.switch{font-size:12px}.person button{font-size:12px}.lobby{padding:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media(max-width:760px){body.has-game .topbar{padding-top:max(8px,env(safe-area-inset-top));padding-bottom:8px}body.has-game .brand-icon{width:36px;height:36px;font-size:30px}body.has-game .brand{font-size:21px}body.has-game .brand small{font-size:7px}body.has-game .layout{padding-top:8px}.play-area{position:relative}body.has-game .game-heading{position:absolute;right:0;top:0;padding:0;z-index:2;height:36px}body.has-game .game-heading>div{display:none}body.has-game .game-heading .round{width:35px;min-height:35px;font-size:17px}body.has-game .game-tabs{padding-right:42px;min-height:36px;margin-bottom:6px}body.has-game .game-tabs:empty{display:flex}body.has-game .game-tabs button{min-height:34px}body.has-game .player-bar{min-height:39px;padding-bottom:6px}body.has-game .bottom-player{padding-top:6px;padding-bottom:1px}body.has-game .player-bar strong{font-size:14px}body.has-game .player-bar small{font-size:11px}body.has-game .board-shell{padding:8px}body.has-game .turn-status{min-height:41px;margin-top:8px;padding:8px}.mobile-nav{background:#fff;backdrop-filter:none}.mobile-nav .nav-symbol{font-family:Georgia,serif}.mobile-nav button{min-height:48px}}
.install-help{display:block;font-size:12px;padding:12px 2px 0}.legal-page li{margin:10px 0;line-height:1.7;color:#526d83}.legal-page ol{padding-left:22px}

.promotion-choices button{min-width:0;display:flex;flex-direction:column;align-items:center;font-size:12px}.promotion-choices span{display:block}.promotion-choices img{max-width:85px}