/* Redesign2: broad center, maximum readable square, compact contextual controls. */
#city-app[data-screen=game] .city-header{min-height:56px;padding:3px 14px;gap:10px}#city-app[data-screen=game] .city-brand img{width:123px;height:44px}#city-app[data-screen=game] .city-header .rosa-header-nav .rosa-button{min-height:44px;padding:3px 12px;font-size:11px;gap:2px}#city-app[data-screen=game] .city-header .rosa-art-icon{width:22px;height:22px}#city-app[data-screen=game] .city-header-actions .rosa-button{min-height:42px;min-width:44px;padding:4px 9px;font-size:12px}#city-app[data-screen=game] .city-header-actions .rosa-button span:last-child{font-size:10px}
.city-layout{max-width:2000px;grid-template-columns:clamp(180px,13vw,220px) minmax(0,1fr) clamp(200px,15vw,250px);gap:12px;margin:5px auto}.city-left,.city-right{padding-top:40px}.city-heading{height:35px;gap:12px}.city-heading h1{font-size:25px;white-space:nowrap}.city-heading p{max-width:195px;font-size:9px;line-height:1.3}.board-scroll{padding:6px 7px 19px;max-height:calc(100dvh - 190px);touch-action:pan-x pan-y;overscroll-behavior:contain}.city-board{width:min(100%,calc(100dvh - 240px));min-width:0;margin-inline:auto;aspect-ratio:1;padding:12px;gap:3px}.empire-tilted .city-board{transform:rotateX(8deg) rotateZ(-.65deg) scale(.985)}.city-space{font-size:clamp(10px,.87vw,14px);gap:4px;padding-bottom:4px;overflow:visible}.city-space .space-name{word-break:normal;overflow-wrap:normal;hyphens:none;font-weight:800;line-height:1.1;max-width:100%;white-space:normal;padding-inline:2px}.city-space small{font-size:10px;line-height:1.15}.city-space.rest .space-name,.city-space.gojail .space-name{font-size:12px}.space-band{height:15%;min-height:8px}.tile-vignette{opacity:.13;width:46%;height:54%}.city-space[data-edge=top] .tile-vignette,.city-space[data-edge=bottom] .tile-vignette{width:50%;right:25%;bottom:15%;height:48%}.city-space[data-owner] .owner-dot{width:9px;height:9px;border-width:1px}.tokens{inset:30% 2% 3%;gap:2px}.city-space .tokens .token{width:43px;height:53px}.tokens[data-count="3"],.tokens[data-count="4"]{inset:32% 1% 0}.tokens[data-count="3"] .token,.tokens[data-count="4"] .token{width:27px!important;height:31px!important}.city-center .center-copy strong{font-size:23px}.city-center .center-copy p{font-size:10px}.city-logo{width:23%}.city-roll-tray{left:15%;right:15%;bottom:7%;min-height:125px;grid-template-columns:65px 1fr}.center-bank{bottom:1.2%;font-size:10px}.city-pawn img{width:63px;height:75px}.die-scene{--dice-size:52px;--dice-half:26px}.die-face{padding:9px;gap:5px}.dice{gap:25px}.dice-total{font-size:12px}.buildings{z-index:9}.buildings i{width:10px;height:10px}.buildings .hotel{width:17px}
.city-left .rosa-panel{padding:15px}.city-left h2{font-size:15px;margin-bottom:10px}.player-card{border-left:4px solid var(--player-color);grid-template-columns:32px minmax(0,1fr);padding:8px;gap:2px 6px;margin-bottom:6px}.player-card strong{font-size:11px;line-height:1.2}.player-card b{font-size:21px;line-height:1.2}.player-card small{font-size:10px}.player-turn{grid-column:2;color:#b4c8d1;font-style:normal;font-size:9px;line-height:1.4}.player-card.active .player-turn{color:#ffe2a0}.player-card.active{border-color:#f4cf7f;border-left-color:var(--player-color);box-shadow:inset 0 0 0 1px #eec76b,0 0 14px #d7a64b25}.options{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.options .rosa-button{min-height:40px;font-size:10px;flex-direction:column;gap:2px;padding:4px}.options .rosa-button img{width:20px;height:20px}.options [data-city=lobby],.options [data-city=new]{grid-column:1/-1;flex-direction:row;min-height:40px}.save-state{font-size:9px;margin:8px 0}.journal{margin-top:10px}.journal ol{font-size:10px}.journal li{padding:4px 0}.journal>.rosa-button{min-height:36px;font-size:10px;margin-top:7px}
.city-right .rosa-panel{padding:15px}.deed h2{font-size:15px;line-height:1.3;padding:9px;margin-bottom:6px;overflow-wrap:normal;word-break:normal}.deed-tag{font-size:9px;margin-top:0;margin-bottom:7px}.deed-art{height:65px;margin-bottom:6px}.deed-art img{height:63px}.deed dl{font-size:12px}.deed dl>div{padding:5px 0;align-items:baseline;gap:5px}.deed dd{text-align:right}.deed dd,.deed dt{min-width:0;overflow-wrap:normal}.rent-schedule{font-size:11px;margin:8px 0}.rent-schedule summary{color:#efd39f;cursor:pointer;padding:7px 0;min-height:30px}.rent-schedule .rent-list{margin:5px 0}.rent-schedule p{font-size:10px}.estate-actions{gap:6px}.estate-actions button{min-height:40px;font-size:11px}.deed-reason{font-size:10px!important;line-height:1.5!important;color:#b9cbd4}.empire-future{margin-top:10px}.empire-future p{font-size:10px;margin:0;line-height:1.5}.deed-return{margin-top:10px}
.action-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;text-align:left;margin-top:4px;padding:9px 15px!important;min-height:70px}.action-panel .status{grid-column:1;font-size:15px;line-height:1.3}.turn-dice-summary{grid-column:1;font-size:11px;line-height:1.4;color:#f3d797;font-variant-numeric:tabular-nums}.action-panel .event{grid-column:1;margin:0;font-size:11px;line-height:1.4}.turn-actions{grid-column:2;grid-row:1/4;align-content:center;align-items:center;gap:6px;max-width:360px}.turn-actions p{font-size:10px;line-height:1.3;margin:0}.turn-actions .rosa-button{min-width:115px;min-height:40px;padding:6px 10px;font-size:11px}.feedback{grid-column:1/-1;margin:0;font-size:11px}.action-panel:has([data-action=accept]){min-height:100px}.action-panel:has([data-action=accept]) .turn-actions{max-width:430px}.city-board .city-space:focus-visible{outline:3px solid #30c8ee;z-index:20}.empire-victory-star{position:absolute;left:50%;top:45%;width:18px;height:18px;background:linear-gradient(#fff8d5,#e7ae3e,#9f631c);clip-path:polygon(50% 0,61% 36%,100% 38%,69% 61%,80% 100%,50% 76%,20% 100%,31% 61%,0 38%,39% 36%);pointer-events:none;z-index:30;filter:drop-shadow(0 1px 2px #fff5)}
@media(min-width:1700px){.city-space{font-size:14px}.city-space small{font-size:12px}.city-space.rest .space-name,.city-space.gojail .space-name{font-size:14px}.city-space .tokens .token{width:48px;height:60px}.city-roll-tray{left:19%;right:19%;min-height:145px}.die-scene{--dice-size:60px;--dice-half:30px}.die-face{padding:10px;gap:5px}.city-center .center-copy strong{font-size:30px}.center-bank{font-size:12px}.city-pawn img{width:74px;height:87px}.city-heading h1{font-size:29px}.action-panel .status{font-size:17px}.turn-dice-summary{font-size:13px}}
@media(max-width:1200px){.city-layout{grid-template-columns:180px minmax(0,1fr)}.city-right{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;padding-top:0;gap:12px}.city-board{width:min(100%,calc(100dvh - 240px))}.city-space{font-size:11px}.deed .estate-actions{grid-template-columns:repeat(2,1fr)}.empire-future{margin:0}.city-roll-tray{left:12%;right:12%;min-height:115px;grid-template-columns:55px 1fr}.city-pawn img{width:54px;height:64px}.die-scene{--dice-size:45px;--dice-half:22.5px}.die-face{padding:8px;gap:4px}.dice{gap:22px}.city-center .center-copy strong{font-size:21px}}
@media(max-width:900px){.city-layout{grid-template-columns:minmax(0,1fr)}.city-left{padding-top:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.city-main{grid-row:1}.city-right{grid-column:1;grid-template-columns:1fr 1fr}.city-board{width:min(100%,calc(100dvh - 240px));margin-inline:auto}.city-space{font-size:12px}.city-space small{font-size:11px}.journal{margin:0}.options{grid-template-columns:repeat(3,minmax(0,1fr))}.options [data-city=lobby],.options [data-city=new]{grid-column:auto}.city-center .center-copy strong{font-size:25px}.city-roll-tray{min-height:135px}.die-scene{--dice-size:52px;--dice-half:26px}.die-face{padding:9px;gap:5px}}
@media(max-width:600px){#city-app[data-screen=game] .city-header{min-height:0;padding:3px 10px}#city-app[data-screen=game] .city-header .rosa-header-nav .rosa-button{min-height:43px}#city-app[data-screen=game] .city-brand img{width:107px;height:39px}.city-layout{margin-top:3px;gap:9px}.city-heading{height:38px;gap:7px;padding-inline:4px}.city-heading h1{font-size:18px;white-space:normal}.city-heading p{font-size:8px;max-width:130px}.board-guide{font-size:10px;line-height:1.35;margin:2px 6px 6px}.mobile-board-tools{margin:3px 0 6px}.mobile-board-tools button{min-height:40px}.board-scroll{max-height:max(280px,calc(100dvh - 355px));padding:7px 6px 20px;scrollbar-width:thin;border-color:#d7a64b66}.city-board{width:620px;min-width:620px;padding:10px;gap:3px}.large-board .city-board{width:820px;min-width:820px}.empire-tilted .city-board{transform:none}.city-space,.large-board .city-space{font-size:11px;gap:3px}.city-space small{font-size:10px}.city-space.rest .space-name,.city-space.gojail .space-name{font-size:11px}.city-space .space-name{overflow-wrap:normal;word-break:normal}.space-band{min-height:7px}.city-space .tokens .token{width:36px;height:45px}.city-center .center-copy strong{font-size:23px}.city-center .center-copy p{display:block;font-size:9px}.city-roll-tray{left:13%;right:13%;bottom:8%;min-height:120px;grid-template-columns:58px 1fr}.city-pawn img{width:57px;height:67px}.city-pawn-label{font-size:11px}.die-scene{--dice-size:48px;--dice-half:24px}.die-face{padding:8px;gap:4px}.dice{min-height:75px;gap:24px;padding:10px}.dice-total{font-size:12px}.center-bank{font-size:10px;bottom:2%}.large-board .city-center .center-copy strong{font-size:29px}.large-board .city-roll-tray{left:17%;right:17%;min-height:145px;grid-template-columns:75px 1fr}.large-board .die-scene{--dice-size:60px;--dice-half:30px}.large-board .die-face{padding:10px;gap:5px}.large-board .city-pawn img{width:73px;height:88px}.action-panel{padding:9px 12px!important;min-height:74px;grid-template-columns:minmax(0,1fr) auto;gap:3px 7px}.action-panel .status{font-size:12px}.turn-dice-summary{font-size:10px}.turn-actions{max-width:175px;gap:4px}.turn-actions .rosa-button{min-width:100px;min-height:40px;font-size:10px;padding:5px 8px}.turn-actions p{font-size:9px}.action-panel .event{font-size:10px}.city-left,.city-right{display:block;padding-top:0}.player-card{grid-template-columns:33px 1fr}.player-card strong{font-size:12px}.player-card b{font-size:23px}.player-turn{font-size:10px}.players{gap:6px}.player-card .token{width:32px;height:40px}.city-left .journal{margin-top:10px}.options{grid-template-columns:repeat(3,minmax(0,1fr))}.city-right .empire-future{margin-top:10px}.deed-art{height:75px}.deed-art img{height:73px}.deed h2{font-size:16px}.deed dl{font-size:13px}.deed dl>div{padding:7px 0}.deed-return{display:block}.rent-schedule summary{min-height:40px;padding:12px 0}}
.city-space{container-type:inline-size}.city-space .space-name,.city-space.rest .space-name,.city-space.gojail .space-name{min-width:0;width:calc(100% - 4px);font-size:clamp(10px,22cqw,14px);text-align:center}
.city-space .space-name,.city-space.rest .space-name,.city-space.gojail .space-name{width:100%;padding-inline:0;font-size:clamp(10px,20cqw,14px)}