/* One portrait play surface at every viewport; desktop margins are scenery only. */
html:has(body.static-characters){height:100%;overflow:hidden;background:linear-gradient(#06122280,#061222b8),url('assets/gelendzhik-white-bride.webp') center/cover fixed no-repeat #071522}
body.static-characters{--game-width:min(430px,56.25dvh);--game-height:calc(var(--visible-height,100dvh) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));position:relative!important;width:var(--game-width)!important;max-width:100%!important;height:var(--visible-height,100dvh)!important;margin:0 auto!important;padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px)!important;box-sizing:border-box;transform:translateZ(0);isolation:isolate;box-shadow:0 0 45px #0009;border-inline:1px solid #6ce3ff30;container-type:inline-size;container-name:game}
body.hub-stage-v51.static-characters main.world-edge-actions{width:100%!important;max-width:none!important;height:var(--game-height)!important;max-height:var(--game-height)!important;min-height:0!important;margin:0!important;position:relative!important;overflow:hidden!important}
body.static-characters header{position:absolute!important;inset:env(safe-area-inset-top,0px) 0 auto!important;width:100%!important;max-width:none!important;margin:0!important;z-index:10}
body.static-characters.has-currency-hud main.world-edge-actions>.profile-top{left:8px!important;top:7px!important;width:44%!important;height:64px!important;--profile-h:64px}
body.static-characters main.world-edge-actions .profile-pic{width:58px!important;height:58px!important;top:-3px!important;left:0!important}
body.static-characters main.world-edge-actions .identity-button b{font-size:14px!important;line-height:1.15!important}
body.static-characters main.world-edge-actions .reputation-hud__button{font-size:9px!important;gap:3px!important}
body.static-characters main.world-edge-actions .reputation-hud__button::before{width:17px!important;height:17px!important}
body.static-characters main.world-edge-actions .reputation-hud__value{font-size:12px!important}
body.static-characters .reference-level{top:4px!important;width:34px!important;height:40px!important;font-size:16px!important}
body.static-characters:has(main.world-edge-actions) header .currency-hud{position:absolute!important;top:25px!important;right:7px!important;left:auto!important;width:43%!important;max-width:none!important;gap:5px!important}
body.static-characters header .currency-hud button{height:29px!important;min-height:29px!important;padding:0 22px 0 2px!important;gap:2px!important}
body.static-characters header .currency-hud button::before{width:25px!important;height:25px!important;flex:0 0 25px!important}
body.static-characters header .currency-hud button::after{width:20px!important;height:20px!important;right:3px!important;font-size:19px!important}
body.static-characters header .currency-hud strong{font-size:12px!important;font-weight:600!important}
body.static-characters header .currency-hud small,body.static-characters header .currency-hud i,body.static-characters header .currency-hud .currency-hud__label{display:none!important}
body.six-actions-active main.world-edge-actions .six-action{--disc:clamp(46px,15.8cqw,70px);top:calc(max(92px,var(--game-height)*.23) + var(--slot)*var(--game-height)*.111)!important;width:calc(var(--disc) + 10px)!important;height:calc(var(--disc) + 18px)!important}
body.six-actions-active .six-action.six-left{left:10px!important}body.six-actions-active .six-action.six-right{right:10px!important}
body.six-actions-active .six-action span{font-size:10px!important;height:21px!important;width:calc(var(--disc)*.9)!important;margin-top:-10px!important}
body.static-characters .character-stats{width:calc(100% - 14px)!important;height:115px!important;grid-template-rows:64px 44px!important;gap:7px!important;bottom:7px!important;padding:0!important}
body.static-characters .character-stats dl{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:4px!important}
body.static-characters .character-stats dl>div{grid-template-rows:21px 11px 19px!important;padding:4px 1px!important;gap:1px!important}
body.static-characters .character-stats dl>div::before{width:19px!important;height:19px!important;font-size:18px!important}
body.static-characters .character-stats dt{font-size:clamp(6px,1.8cqw,9px)!important;line-height:11px!important}
body.static-characters .character-stats dd{font-size:18px!important;line-height:19px!important}
body.static-characters .character-stats-upgrade{width:190px!important;height:44px!important;min-height:44px!important;font-size:16px!important;padding:7px 24px!important}
body.static-characters .main-chat{left:8px!important;bottom:132px!important;width:49%!important;height:142px!important;padding:6px!important;box-sizing:border-box!important}
body.static-characters .main-chat-head .main-chat-tabs{gap:3px!important}
body.static-characters .main-chat-head .main-chat-tabs button{font-size:9px!important;min-height:25px!important;padding:3px 5px!important}
body.static-characters .main-chat-head>button{width:16px!important;min-height:20px!important;font-size:15px!important}
body.static-characters .main-chat-form input{font-size:9px!important;min-height:25px!important;padding:3px 5px!important}
body.static-characters .main-chat-form button{min-height:25px!important;width:20px!important;min-width:20px!important}
body.static-characters .main-chat-form button::before{font-size:17px!important}
body.static-characters .main-chat-status,body.static-characters .main-chat-message{font-size:9px!important;line-height:1.2!important}
body.static-characters .main-chat-login{min-height:25px!important;font-size:9px!important;padding:3px!important}
body.static-characters .life-goal-chip{right:8px!important;bottom:132px!important;width:44%!important;min-width:0!important;padding:8px!important;box-sizing:border-box}
body.static-characters .life-goal-chip b{font-size:11px!important}.life-goal-chip small,.life-goal-chip em{font-size:9px!important}
body.static-characters #modal{width:calc(var(--game-width) - 16px)!important;max-width:calc(var(--game-width) - 16px)!important;max-height:calc(var(--game-height) - 16px)!important;height:calc(var(--game-height) - 16px)!important;box-sizing:border-box!important;padding:16px 12px 18px!important}
body.static-characters #modal.screen-single{height:fit-content!important}body.static-characters #modalContent{max-height:calc(var(--game-height) - 90px)!important}
body.static-characters #modal.life-open{width:calc(var(--game-width) - 16px)!important;padding:12px!important}body.static-characters #modal.life-open #modalContent{max-height:calc(var(--game-height) - 76px)!important}
body.static-characters #modalContent .six-actions-links{grid-template-columns:1fr!important}
body.static-characters #toast{max-width:calc(var(--game-width) - 24px)!important;box-sizing:border-box;font-size:12px}
@media(max-width:720px){body.static-characters{--game-width:100vw;border:0;box-shadow:none}html:has(body.static-characters){background:#071522}}
@media(max-height:700px){body.six-actions-active main.world-edge-actions .six-action{--disc:46px;top:calc(max(82px,var(--game-height)*.18) + var(--slot)*var(--game-height)*.10)!important}body.static-characters .main-chat{height:110px!important}.life-goal-chip small{display:none!important}}
@media(max-width:360px){body.static-characters.has-currency-hud main.world-edge-actions>.profile-top{height:57px!important;--profile-h:57px}body.static-characters main.world-edge-actions .profile-pic{width:51px!important;height:51px!important}body.static-characters main.world-edge-actions .identity-button b{font-size:12px!important}body.static-characters header .currency-hud strong{font-size:10px!important}body.static-characters header .currency-hud button::before{width:21px!important;height:21px!important;flex-basis:21px!important}}
body.static-characters header{height:0!important;min-height:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;pointer-events:none}
body.static-characters header .balances{display:contents!important;position:static!important}
body.static-characters header .currency-hud{pointer-events:auto}
body.static-characters header .brand,body.static-characters .profile-name{display:none!important}
body.static-characters main.world-edge-actions .world-static-scene-layer{inset:0!important;top:0!important;bottom:0!important;width:100%!important;height:100%!important}
body.static-characters main.world-edge-actions .world-static-scene-image{width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;object-position:50% 50%!important}
body.static-characters header .currency-hud .currency-hud__label{display:block!important;position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
body.static-characters #modal.messenger-open{width:calc(var(--game-width) - 16px)!important;max-width:calc(var(--game-width) - 16px)!important;height:calc(var(--game-height) - 16px)!important;padding:12px!important}
body.static-characters #modal.messenger-open #modalContent{height:100%!important;max-height:none!important;padding-top:0!important}
body.six-actions-active.hub-stage-v51.static-characters main.world-edge-actions #map .pin,body.six-actions-active.hub-stage-v51.static-characters main.world-edge-actions .game-modes>button,body.six-actions-active.hub-stage-v51.static-characters main.world-edge-actions :is(#goalAction,#cityActivity,#daily,#quests,#help,.world-watch-inspect){display:none!important}
body.static-characters.has-currency-hud main.world-edge-actions>.profile-top{transform:none!important;margin:0!important;padding:0!important}
body.static-characters main.world-edge-actions .identity-button{inset:0!important;width:100%!important;height:100%!important;min-height:0!important;padding:0!important;overflow:visible!important;display:block!important;border:0!important;background:none!important}
body.static-characters main.world-edge-actions .identity-button>span:not(.edit-icon){display:contents!important}
body.static-characters main.world-edge-actions .identity-button b{position:absolute!important;left:37.5%!important;top:15%!important;line-height:1.15!important;max-width:53%!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.static-characters main.world-edge-actions .identity-button :is(small,.edit-icon){display:none!important}
body.static-characters main.world-edge-actions .profile-pic{top:0!important;left:0!important}
body.static-characters main.world-edge-actions .reputation-hud{left:37.5%!important;top:51%!important;width:55%!important;height:26%!important;margin:0!important;padding:0!important}
body.static-characters main.world-edge-actions .reputation-hud__button{height:100%!important;min-height:0!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:flex-start!important}
body.static-characters .main-chat-form input{font-size:16px!important;min-height:30px!important}body #modal #chat-panel .chat-compose textarea,body #modal .chat-clan input{font-size:16px!important}
@media(max-height:500px){body.static-characters:has(.main-chat input:focus) :is(.character-stats,.six-actions,.life-goal-chip){visibility:hidden!important}body.static-characters:has(.main-chat input:focus) .main-chat{bottom:8px!important;height:150px!important;width:calc(100% - 16px)!important}}
body.static-characters header .currency-hud small{display:block!important;position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
/* A fixed, non-scrollable root also prevents browser focus restoration from panning the game. */
html:has(body.static-characters){overflow:clip!important}
body.static-characters{position:fixed!important;inset:0 auto auto 50%!important;margin:0!important;transform:translateX(-50%) translateZ(0)!important;overflow:clip!important}
body.hub-stage-v51.static-characters main.world-edge-actions{overflow:clip!important}

body.six-actions-active main.world-edge-actions .six-action[data-section=minigames] i{background-image:url('assets/neon-icons-v97/atlas.png')!important;background-size:700% 300%!important;background-position:33.333333% 0%!important}