/* Fixed scene coordinates keep the board, controls and hit targets aligned. */
.topbar-right{align-items:center;padding:5px 12px;gap:10px;height:62px;direction:rtl;background:#05291f}
.topbar-right .icon-button,.topbar-right .icon-button:last-child{order:0;width:36px;height:36px;border:1px solid #49775f;border-radius:9px;flex-shrink:0}
.topbar-right .icon-button .icon{width:22px;height:22px}
.topbar-right .connection{left:14px;top:46px;font-size:8px;line-height:12px}




.setting-row a{color:#dfc583}.setting-row input[type=range]{max-width:210px;accent-color:#d0b962;padding:0}
.avatar,.character-portrait{background-image:url('./assets/characters-v4.png');background-size:400% 200%;background-position:var(--char-x) var(--char-y);background-repeat:no-repeat}
.avatar{border-radius:9px;position:relative;overflow:visible;width:49px;height:49px;min-width:49px;background-color:transparent;box-shadow:none}
.player{border-right:5px solid var(--player);gap:7px}.player.current{border-right:5px solid var(--player)}
.player-number{position:absolute;right:-5px;bottom:-1px;width:17px;height:17px;display:grid;place-items:center;border:1px solid #112d22;border-radius:50%;color:#092318;background:var(--player);font:700 12px Roboto,sans-serif}
.presence{right:auto;left:-1px;bottom:1px}.player-info{padding-left:47px}.player-info strong{font-size:16px;line-height:23px}.player-info strong small{font-size:9px;margin:0 2px}.player-info>span{font-size:16px;line-height:22px}
.turn-tag{font-size:11px;padding:3px 5px;left:5px}.property-count{left:6px;font-size:11px;top:34px}
.property-card{height:177px;margin-top:8px;overflow:hidden;border:2px solid var(--owner)}
.property-title{height:35px;background:linear-gradient(105deg,#154833,#082b20);border-right:9px solid var(--property);padding:3px 8px}
.property-title h3{font-size:21px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.property-detail{height:99px;border-radius:0}.property-picture{width:48%;height:99px}.property-numbers{min-width:0;padding:4px 9px}.property-numbers strong{font-size:20px;line-height:26px}.property-numbers b{font-size:18px;line-height:24px}.property-numbers>span{font-size:13px;line-height:18px}
.property-owner,.owned-property .property-owner{position:static;display:flex;align-items:center;gap:8px;min-height:39px;height:39px;width:100%;padding:5px 10px;background:var(--owner);color:#09271b;border-radius:0;font:700 15px/25px 'Noto Arabic',sans-serif;overflow:hidden}
.property-owner>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.owner-number{flex-shrink:0;width:26px;height:26px;display:grid;place-items:center;border:1px solid #123b2c;border-radius:50%;font:700 17px Roboto,sans-serif;background:#ffffff55}
.activity{margin:8px 5px 0;min-height:64px}.event p{font-size:13px;line-height:19px;max-height:38px}
.sidebar{height:776px;padding-bottom:8px}.lobby-screen .sidebar{height:879px;padding-bottom:108px}
.actionbar{width:1672px;height:103px;background:linear-gradient(0deg,#031f17f2,#062d22e6);border-top:1px solid #70845488}
.turn-status{left:20px;top:9px;width:443px;height:78px;gap:10px}.turn-status>div:nth-child(2){min-width:0}.turn-status strong{display:block;font-size:23px;line-height:34px;max-width:350px}.turn-status>div>span{font-size:14px;line-height:22px;max-height:44px}.turn-clock{left:72px;bottom:-5px;font:12px/16px Roboto,sans-serif;direction:ltr}
.turn-emblem{background:none;width:62px;height:68px;min-width:62px;display:grid;place-items:center}.turn-emblem>*{display:block}.turn-emblem .character-portrait{width:64px;height:64px;max-height:none;max-width:none}.turn-emblem>.icon{width:40px;height:40px;color:#e6ce82}
.action-dock{position:absolute;left:50%;transform:translateX(-50%);top:4px;width:630px;height:93px;direction:rtl;text-align:center;pointer-events:auto}
.action-heading{height:29px;font-size:14px;line-height:27px;color:#e4dfbd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.action-buttons{display:flex;align-items:center;justify-content:center;gap:10px;height:61px}.action-buttons>.button{position:static;display:flex;align-items:center;justify-content:center;gap:10px;min-width:160px;max-width:370px;height:57px;padding:7px 22px;border-radius:14px;font:700 21px/1.5 'Noto Arabic',sans-serif;white-space:nowrap;box-shadow:0 3px 10px #0004}
.action-buttons>.button.gold{background:linear-gradient(#ead48b,#b99843);color:#1b301e;border:1px solid #ffeba4;text-shadow:none}
.action-buttons>.button.outline{background:#103d2b;border:1px solid #b6b976;color:#fff0bb}.action-buttons>.button.subtle{background:#153e2d;border:1px solid #5c8065;min-width:115px;font-size:17px}
.action-buttons>.button:only-child{min-width:320px}.action-buttons>.button:disabled{opacity:.5;box-shadow:none;cursor:default}.action-buttons .icon{width:29px;height:29px;flex-shrink:0}
.wait-action{color:#c8d9c9;font-size:23px;max-width:600px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bottom-nav{left:auto;right:18px;top:28px;gap:10px;height:55px}.nav-button:nth-child(n){width:144px;height:52px;justify-content:center;font-size:17px;padding:9px;gap:8px}.nav-button .icon{width:23px;height:23px}
.fallback-character{position:absolute;width:72px;height:72px;transform:translate(-50%,-97%)}
.modal{max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow-y:auto}.modal-heading h2{min-width:0;overflow-wrap:anywhere}.modal-heading .icon-button{flex-shrink:0}.modal .setting-row{gap:12px}.modal .setting-row>div{min-width:0}.modal .setting-row .button{flex-shrink:0}.trade-columns{min-width:0}.asset h3,.event p{overflow-wrap:anywhere}
#toast{max-width:min(560px,calc(100vw - 32px));overflow-wrap:anywhere}
@media(max-width:600px){.modal-heading h2{font-size:21px}.modal .setting-row{flex-wrap:wrap}.modal .modal-actions{flex-wrap:wrap}.modal .button{white-space:normal}}