/* Play-first layout and audio / opponent controls. */
.audio-button{display:flex;align-items:center;gap:7px;min-height:34px;padding:7px 10px;border:1px solid #dce3d4;border-radius:20px;background:#edf2e7;font-size:10px;color:#526e4b;white-space:nowrap}.audio-button svg{width:15px;height:15px}.music-indicator{width:5px;height:5px;border-radius:50%;background:#c4cbbb}.audio-button[data-state="playing"] .music-indicator{background:#6d9662;box-shadow:0 0 0 3px #6d966219;animation:pulse 2s infinite}.audio-button[data-state="off"]{background:transparent;color:#929c89}.level-badge{font-size:7px;line-height:1.5;padding:1px 4px;border-radius:3px;flex-shrink:0;background:#e9eddf;color:#7c8a65;font-weight:500;letter-spacing:0}.level-badge.advanced{background:#dfeadd;color:#557747}.level-badge.master{background:#eee4c6;color:#9b7d36}.roster-row{display:flex;align-items:center;gap:9px;padding:9px 0;border-top:1px solid #e6eadc}.roster-row .mini-avatar{width:29px;height:29px}.roster-row .mini-avatar svg{width:25px;height:25px}.roster-row>span:nth-child(2){flex:1}.roster-row b{font-size:11px;font-weight:500;display:block}.roster-row small{font-size:8px;color:#8c9a7d;display:block;margin-top:3px}.roster-row select{border:1px solid #dde4d2;border-radius:5px;background:#f5f7ed;color:#617b50;font-size:10px;padding:5px}.opponent-roster{margin-top:17px;border:1px solid #e1e7d5;background:#f7f9f0;border-radius:7px;padding:0 11px}.opponent-roster summary{cursor:pointer;font-size:10px;color:#647b55;padding:11px 0;list-style:none;display:flex;align-items:center;justify-content:space-between}.opponent-roster summary:after{content:'⌄';font-size:14px;margin-left:7px}.opponent-roster[open] summary:after{transform:rotate(180deg)}.opponent-roster summary span{font-size:8px;color:#9aa58d;margin-left:auto}.opponent-roster summary::-webkit-details-marker{display:none}
.match-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:34px;margin:0 auto 12px;gap:10px;max-width:calc(var(--board-size) + 386px)}.match-title,.match-tools{display:flex;align-items:center;gap:10px}.match-title b{font-size:13px;letter-spacing:.5px;font-weight:600}.match-title>span:last-child{font-size:10px;color:#8b9780;padding-left:10px;border-left:1px solid #dce3d1}.match-tools>span{font-size:9px;color:#7d8e70;background:#eaf0e1;padding:5px 9px;border-radius:4px}.match-tools button{font-size:10px;color:#738867;display:flex;align-items:center;gap:5px}.match-tools button svg{width:14px;height:14px}
.is-playing{--board-size:min(calc(100dvh - 210px),800px)}.is-playing .site-header{height:60px;margin:0 28px}.is-playing .brand>span:last-child{font-size:20px}.is-playing .brand small{font-size:13px}.is-playing .brand-icon{width:32px;height:32px;border-radius:9px}.is-playing .page-wrap{max-width:1440px;padding:14px 28px 20px}.is-playing .page-heading,.is-playing .lower-strip,.is-playing footer{display:none}.is-playing .game-layout{max-width:calc(var(--board-size) + 386px);grid-template-columns:minmax(0,1fr) 340px;gap:20px;margin:0 auto;align-items:start}.is-playing .board-section{padding:0 12px}.is-playing .board-topline{height:34px;font-size:9px}.is-playing .board-bottomline{height:32px;font-size:8px}.board{container-type:inline-size}.board .cell{font-size:clamp(6px,1.48cqw,10px);gap:clamp(2px,.5cqw,4px);padding-inline:2px}.board .cell .cell-name{font-size:inherit;letter-spacing:0}.board .cell .cell-price{font-size:clamp(5px,1.1cqw,8px);color:#7a8770}.board .cell .color-band{height:clamp(5px,1.3cqw,10px)}.board .cell.left .color-band,.board .cell.right .color-band{width:clamp(4px,1.1cqw,8px);height:auto}.board .cell svg{width:clamp(11px,2.8cqw,20px);height:clamp(11px,2.8cqw,20px)}.board .cell.corner{font-size:clamp(6px,1.5cqw,10px);padding:3px}.board .cell.corner svg{position:static;width:clamp(17px,3.8cqw,28px);height:clamp(17px,3.8cqw,28px)}.board .cell.corner .cell-name{padding:0}.board .cell.go .go-word{font-size:clamp(16px,3.5cqw,26px)}.board .cell.left,.board .cell.right{padding-left:9px}.board .cell.left:not(.street):not(.corner) .cell-name,.board .cell.right:not(.street):not(.corner) .cell-name{padding-left:12px}.board .cell.left:not(.corner) svg,.board .cell.right:not(.corner) svg{left:8px;width:clamp(9px,2cqw,14px);height:clamp(9px,2cqw,14px)}.board .cell.top,.board .cell.bottom{padding-top:clamp(8px,1.8cqw,14px)}.board .pawn{width:clamp(15px,3.3cqw,23px);height:clamp(20px,4cqw,28px)}.is-playing .in-game-center .city-scene{display:none}.is-playing .finished-center .city-scene{display:block}.is-playing .turn-player{margin:17px 0 12px;font-size:clamp(12px,2.5cqw,18px);gap:8px}.is-playing .center-kicker{font-size:clamp(6px,1.3cqw,9px);letter-spacing:2px}.is-playing .dice-area{gap:17px;margin:18px 0}.is-playing .die{width:clamp(42px,10cqw,68px);height:clamp(42px,10cqw,68px);padding:clamp(8px,2cqw,14px);gap:clamp(3px,.65cqw,5px);border-radius:12px}.is-playing .center-event{color:#6f8563;font-size:clamp(9px,1.7cqw,12px);min-height:35px;margin-top:18px}.center-location{display:flex;align-items:center;gap:8px;margin-top:17px;font-size:clamp(8px,1.6cqw,11px);color:#829874}.center-location svg{width:13px;height:13px}.center-location strong{font-weight:500;color:#59784f}.center-assets{display:flex;gap:15px;margin-top:12px;font-size:clamp(8px,1.5cqw,10px);color:#8b9e7a}.center-assets b{font-weight:600;color:#608056}.board-control{display:flex;align-items:center;justify-content:center;gap:8px;background:#55794c;color:#fbfaf0;font-size:clamp(9px,1.65cqw,12px);padding:10px 23px;border-radius:22px;margin:19px 0 5px;box-shadow:0 3px 0 #365b3e12}.board-control svg{width:15px;height:15px}.is-playing .center-round{margin-top:18px;font-size:clamp(7px,1.4cqw,10px);letter-spacing:1px}.is-playing .sidebar{display:flex;flex-direction:column;gap:12px;height:calc(var(--board-size) + 68px);overflow:auto;padding-right:2px;scrollbar-width:thin;scrollbar-color:#d6dfc9 transparent}.is-playing .action-panel{order:0;padding:16px;background:#eaf0df}.is-playing .action-panel h3{font-size:18px;margin:9px 0 7px;line-height:1.6}.is-playing .action-panel>p{font-size:10px;line-height:1.8;margin-bottom:11px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.is-playing .action-panel .primary-button{padding:12px 14px;min-height:44px}.is-playing .action-tools{gap:7px;margin-top:8px}.is-playing .action-tools button{padding:9px 7px;min-height:36px}.is-playing .ai-speed{justify-content:space-between;font-size:8px;margin-top:11px}.ai-speed>span,.ai-speed label{display:flex;align-items:center;gap:4px}.ai-speed svg{width:11px;height:11px}.is-playing .player-panel{order:1;padding:14px}.is-playing .panel-title{font-size:10px;margin-bottom:10px}.is-playing .player-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.is-playing .player-row{display:grid;grid-template-columns:26px minmax(0,1fr);gap:3px 6px;padding:9px 5px;margin:0;text-align:left;min-width:0;border:1px solid #e6ebdc;border-radius:7px;background:#f8f9f1}.is-playing .player-row.current{background:#e9f0df;border-color:#cbdabc}.is-playing .player-row>.mini-avatar{width:26px;height:26px;grid-row:1/3;align-self:start;margin-top:2px}.is-playing .player-row .mini-avatar svg{width:24px;height:26px}.is-playing .player-name{font-size:10px;white-space:nowrap;gap:3px}.is-playing .player-info{overflow:hidden}.is-playing .player-meta{display:none}.is-playing .player-money{grid-column:2;font-size:12px;text-align:left;line-height:1.4}.is-playing .player-money small{font-size:7px;font-weight:400;line-height:1.6;margin-top:2px;white-space:nowrap;color:#8b987c;letter-spacing:0}.is-playing .status-tag{font-size:6px;padding:2px 3px}.is-playing .winner-badge{font-size:6px;padding:2px 3px}.is-playing .you-badge{font-size:6px;padding:1px 3px}.is-playing .log-panel{order:2;padding:14px;flex:1;min-height:110px}.is-playing .log-list{max-height:160px;font-size:9px}.is-playing .log-item{line-height:1.75;padding:5px 0}.is-playing .board-top-right{display:flex}
.now-playing{display:flex;align-items:center;gap:13px;background:#edf2e4;border:1px solid #dfe7d2;border-radius:10px;padding:16px;margin:20px 0}.record-art{width:48px;height:48px;background:#5e7e51;color:#e5e9ce;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.record-art svg{width:23px;height:23px}.now-playing>div:nth-child(2){flex:1;min-width:0}.now-playing b{font-size:14px;font-weight:500;display:block;letter-spacing:1px}.now-playing span{display:block;font-size:10px;color:#7f9270;margin-top:6px}.now-playing small{font-size:8px;color:#99a38b;display:block;margin-top:5px}.now-playing .secondary-button{min-height:34px;padding:8px 11px;font-size:10px}.audio-setting{display:flex;justify-content:space-between;align-items:center;margin:23px 0 17px}.audio-setting b{font-size:12px;font-weight:500;display:block}.audio-setting small{font-size:10px;color:#95a187;display:block;margin-top:6px}.toggle-switch{width:39px;height:23px;background:#d5ddc9;border-radius:18px;position:relative}.toggle-switch i{width:17px;height:17px;border-radius:50%;background:#fcfcf2;position:absolute;left:3px;top:3px;box-shadow:0 1px 3px #304c3820;transition:transform .2s}.toggle-switch.on{background:#6f8f60}.toggle-switch.on i{transform:translateX(16px)}.volume-label{display:flex;justify-content:space-between;font-size:10px;color:#869778}.volume-label output{color:#607d50;font-variant-numeric:tabular-nums}.volume-range{width:100%;accent-color:#6c8c58;margin:14px 0 3px;height:12px;cursor:pointer}.audio-note{font-size:9px!important;line-height:1.9!important;background:#f0f3e8;padding:12px;border-radius:6px;margin-top:20px!important}.profile-tabs{display:flex;gap:5px;flex-wrap:wrap;margin:18px 0}.profile-tabs button{font-size:10px;padding:7px 12px;border-radius:5px;background:#f0f3e6;color:#8b9a79}.profile-tabs button.selected{background:#dfead5;color:#58774a}.opponent-profile{display:flex;gap:15px;align-items:start;margin-top:20px}.opponent-profile>.mini-avatar{width:53px;height:53px}.opponent-profile>.mini-avatar svg{width:45px;height:45px}.opponent-profile b{font-size:12px;font-weight:500}.opponent-profile p{font-size:11px;margin:9px 0 0}.opponent-profile .level-badge{margin-left:7px;font-size:9px}.strategy-bars{display:flex;flex-direction:column;gap:13px;margin:23px 0}.strategy-bars>div{display:flex;align-items:center;gap:15px}.strategy-bars span{font-size:10px;color:#8c9a7b;width:50px}.strategy-bars i{height:5px;flex:1;background:#e4ead9;border-radius:4px;overflow:hidden}.strategy-bars em{height:100%;display:block;background:#99b184;border-radius:4px}.profile-groups{display:flex;gap:7px;flex-wrap:wrap;margin:17px 0}.profile-groups span{border-left:4px solid var(--group);background:#f0f3e8;padding:7px 9px;font-size:10px;color:#7b8f6c;border-radius:4px}.deal-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.deal-summary section{display:flex;flex-direction:column;gap:10px;border:1px solid #e0e6d4;border-radius:8px;padding:17px;background:#f1f5e9}.deal-summary small{color:#94a080;font-size:10px}.deal-summary b{font-size:19px;font-weight:500}.deal-summary span{font-size:11px;color:#6a815b}
@media(min-width:961px) and (max-height:740px){.is-playing{--board-size:calc(100dvh - 180px)}.is-playing .site-header{height:52px}.is-playing .page-wrap{padding-top:9px}.is-playing .match-toolbar{margin-bottom:8px;min-height:28px}.is-playing .action-panel{padding:13px}.is-playing .action-panel h3{font-size:16px}.is-playing .action-panel .primary-button{padding:10px}.is-playing .center-event{margin-top:12px}.is-playing .turn-player{margin:7px 0}.is-playing .dice-area{margin:10px 0}.is-playing .center-round{margin-top:12px}.is-playing .log-list{max-height:110px}.is-playing .player-row{padding:7px 4px}}
@media(max-width:960px){.is-playing .site-header{margin:0 4%;height:62px}.is-playing .page-wrap{padding:14px 4% 25px}.is-playing .game-layout{display:flex;flex-direction:column;max-width:690px;gap:14px}.is-playing .match-toolbar{max-width:690px;min-height:31px}.is-playing .board-section{width:100%;padding-inline:10px}.is-playing .sidebar,.is-playing .game-layout.playing .sidebar{height:auto;overflow:visible;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-right:0}.is-playing .action-panel{grid-row:1;grid-column:1/-1}.is-playing .player-panel{grid-row:2;grid-column:1}.is-playing .log-panel{grid-row:2;grid-column:2;min-height:150px}.is-playing .log-list{max-height:220px}.is-playing .board-top-right{display:flex}.is-playing .header-note{display:none}}
@media(max-width:600px){.audio-button{font-size:8px;gap:4px;padding:6px 8px;min-height:30px}.audio-button svg{width:14px;height:14px}.music-indicator{width:4px;height:4px}.site-header nav{gap:5px}.is-playing .brand>span:last-child{font-size:18px}.is-playing .brand small{font-size:11px}.is-playing .site-header{height:58px}.is-playing .page-wrap{padding-top:10px}.is-playing .match-toolbar{margin-bottom:9px;gap:5px}.match-title{gap:6px}.match-title b{font-size:11px}.match-title>span:last-child{font-size:8px;padding-left:6px}.match-tools{gap:5px}.match-tools>span{display:none}.match-tools button{font-size:8px}.is-playing .board-section{padding:0 7px}.is-playing .board-topline{height:29px;font-size:7px;gap:3px}.is-playing .board-bottomline{height:29px;font-size:6px}.is-playing .board-top-right{display:none}.is-playing .board-bottomline .text-button{font-size:8px}.is-playing .turn-player{font-size:11px;margin:7px 0 6px;gap:5px}.is-playing .turn-player .mini-avatar{width:25px;height:25px}.is-playing .turn-player .mini-avatar svg{width:22px;height:22px}.is-playing .dice-area{margin:10px 0;gap:12px}.is-playing .die{width:38px;height:38px;padding:7px;gap:3px;border-radius:8px}.is-playing .center-event{font-size:8px;line-height:1.7;min-height:22px;margin-top:9px}.is-playing .center-round{margin-top:11px;font-size:6px}.is-playing .center-kicker{letter-spacing:1px;font-size:5px}.center-location{font-size:8px;margin-top:7px;gap:5px}.center-location svg{width:11px;height:11px}.center-assets{margin-top:7px;font-size:7px;gap:10px}.board-control{font-size:8px;padding:8px 16px;margin:11px 0 2px;gap:6px}.board-control svg{width:12px;height:12px}.is-playing .sidebar,.is-playing .game-layout.playing .sidebar{grid-template-columns:1fr}.is-playing .action-panel{grid-row:1;grid-column:1;padding:16px}.is-playing .player-panel{grid-row:2;grid-column:1}.is-playing .log-panel{grid-row:3;grid-column:1;min-height:100px}.is-playing .log-list{max-height:130px}.is-playing .action-panel h3{font-size:18px}.is-playing .action-panel .primary-button{font-size:12px;min-height:46px}.is-playing .player-row{grid-template-columns:28px minmax(0,1fr);padding:10px 7px}.is-playing .player-money{font-size:13px}.is-playing .player-money small{font-size:8px}.setup-panel>.muted{max-width:240px}.setup-panel .opponent-preview{top:19px;right:18px}.opponent-roster summary{font-size:10px}.roster-row{padding-block:10px}.now-playing{gap:10px;padding:13px}.record-art{width:40px;height:40px}.now-playing small{display:none}.profile-tabs{gap:4px}.profile-tabs button{font-size:9px;padding:7px 10px}.opponent-profile{gap:11px}.opponent-profile>.mini-avatar{width:43px;height:43px}.opponent-profile>.mini-avatar svg{width:37px;height:37px}.opponent-profile p{font-size:10px}.is-playing .finished-center .city-scene{max-height:62px}.is-playing .finished-center .turn-player{margin-top:7px}.is-playing .finished-center .center-event{min-height:0}}
@media(prefers-reduced-motion:reduce){.audio-button[data-state="playing"] .music-indicator{animation:none}}