/* MetroCity v0.80 responsive view modes */
.r80-settings{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);border-radius:15px;padding:14px;margin-top:12px}.r80-settings h3{margin:0 0 4px;font-size:16px}.r80-settings p{margin:0;color:#adc0cd;font-size:12px;line-height:1.4}.r80-scale{margin:14px 0 8px;width:100%;accent-color:#53caff}.r80-labels{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;font-size:10px;font-weight:900;color:#93aab9}.r80-labels span:nth-child(2){text-align:center}.r80-labels span:last-child{text-align:right}.r80-labels .selected{color:#8ee8ff}.r80-status{margin-top:10px;padding:8px 10px;border-radius:10px;border:1px solid rgba(78,200,255,.18);background:rgba(78,200,255,.06);color:#d6ecf8;font-size:11px;font-weight:750}
.game[data-r80-hud=small] .hud{transform:scale(.90);transform-origin:top left}.game[data-r80-hud=small] .taskbar{transform:scale(.91);transform-origin:bottom left}.game[data-r80-hud=large] .hud{transform:scale(1.07);transform-origin:top right}.game:not(.r80-compact-landscape)[data-r80-hud=large] .taskbar{transform:scale(1.06);transform-origin:bottom left}
.game.r80-compact-landscape .hud{left:20.5%;width:62.5%;height:8.1%;gap:.35%}.game.r80-compact-landscape .hud-card{gap:.34vw;padding:.27vw .42vw}.game.r80-compact-landscape .avatar{width:3.15vw;height:3.15vw}.game.r80-compact-landscape .player-name{font-size:clamp(9px,1.25vw,18px)}.game.r80-compact-landscape .player-level{font-size:clamp(7px,.76vw,12px)}.game.r80-compact-landscape .xp-track{height:.42vw;margin-top:.18vw}.game.r80-compact-landscape .stat-icon{font-size:clamp(11px,1.4vw,22px)}.game.r80-compact-landscape .stat-value{font-size:clamp(9px,1.08vw,18px)}.game.r80-compact-landscape .stat-sub{font-size:clamp(6px,.61vw,10px)}
.game.r80-compact-landscape .taskbar{left:2.4%;right:12.7%;bottom:1.35%;height:8.2%;min-height:44px;gap:.55vw;padding:.35vw .55vw}.game.r80-compact-landscape .task-icon{width:3.35vw;height:3.35vw;min-width:32px;min-height:32px;font-size:1.4vw}.game.r80-compact-landscape .task-label{font-size:.66vw}.game.r80-compact-landscape .task-name{font-size:1.08vw}.game.r80-compact-landscape .timer{min-width:9.8vw;height:3.35vw;min-height:32px;font-size:1.02vw}.game.r80-compact-landscape .skipbtn{min-width:7vw;height:3.35vw;min-height:32px;padding:0 .58vw;font-size:clamp(8px,.78vw,13px)}
.game.r80-compact-landscape .modal.profile-mode{width:97%;height:96%;padding:10px 12px}.game.r80-compact-landscape .modal.profile-mode .modal-head{margin-bottom:5px}.game.r80-compact-landscape .modal.profile-mode .modal-title{font-size:clamp(17px,1.55vw,23px)}.game.r80-compact-landscape .modal.profile-mode .apartment-tabs{margin-bottom:5px}.game.r80-compact-landscape .modal.profile-mode .apartment-tabs .tab{padding:6px 9px;font-size:10px}.game.r80-compact-landscape .modal.profile-mode .profile-instruction{margin:0 0 4px;font-size:9px;line-height:1.25}.game.r80-compact-landscape .modal.profile-mode .avatar-edit-open{padding:5px 7px!important;font-size:8px!important}.game.r80-compact-landscape .modal.profile-mode .profile-layout{height:calc(100% - 17px)!important;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)!important;gap:10px!important}.game.r80-compact-landscape .modal.profile-mode .character-panel{padding:7px!important}
.game.r80-compact-landscape .modal.profile-mode .stage.equipment-stage{grid-template-columns:74px minmax(116px,1fr) 74px!important;gap:7px!important;padding:7px!important}.game.r80-compact-landscape .modal.profile-mode .stage.equipment-stage .slot{height:76px!important;padding:15px 4px 4px!important;border-radius:11px}.game.r80-compact-landscape .modal.profile-mode .stage.equipment-stage .slot img{width:48px!important;height:48px!important}.game.r80-compact-landscape .modal.profile-mode .stage.equipment-stage .person{width:min(156px,94%)!important;height:238px!important}.game.r80-compact-landscape .modal.profile-mode .person-label{width:158px!important;margin-top:3px}.game.r80-compact-landscape .modal.profile-mode .person-label strong{font-size:12px}.game.r80-compact-landscape .modal.profile-mode .person-label small,.game.r80-compact-landscape .modal.profile-mode .profile-title{font-size:8px}.game.r80-compact-landscape .modal.profile-mode .title-select{width:145px;font-size:8px;padding:3px 4px}
.game.r80-compact-landscape .modal.profile-mode .side{overflow:hidden!important;padding-right:0!important}.game.r80-compact-landscape .modal.profile-mode .side-head{min-height:24px}.game.r80-compact-landscape .modal.profile-mode .side-head h3{font-size:12px}.game.r80-compact-landscape .modal.profile-mode .profile-badge-row{gap:3px}.game.r80-compact-landscape .modal.profile-mode .side-head .pill{padding:3px 5px;font-size:8px}.game.r80-compact-landscape .modal.profile-mode .statlist{gap:2px}.game.r80-compact-landscape .modal.profile-mode .srow{grid-template-columns:72px minmax(75px,1fr) 28px 24px 62px;gap:4px;min-height:25px;font-size:9px}.game.r80-compact-landscape .modal.profile-mode .srow .track{height:5px}.game.r80-compact-landscape .modal.profile-mode .srow .bonusline{font-size:7px}.game.r80-compact-landscape .modal.profile-mode .statadd,.game.r80-compact-landscape .modal.profile-mode .statmoney{height:22px;border-radius:7px;font-size:7px}.game.r80-compact-landscape .modal.profile-mode .statadd{width:24px}.game.r80-compact-landscape .modal.profile-mode .statmoney{padding:0 3px}.game.r80-compact-landscape .modal.profile-mode .inventory-head{min-height:20px;margin-top:5px!important}.game.r80-compact-landscape .modal.profile-mode .inventory-head h3{font-size:11px}.game.r80-compact-landscape .modal.profile-mode .inventory-count,.game.r80-compact-landscape .modal.profile-mode .inventory-note{font-size:8px}.game.r80-compact-landscape .modal.profile-mode .inventory-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important;margin-top:4px!important}.game.r80-compact-landscape .modal.profile-mode .inventory-grid .lock-level{font-size:7px}.game.r80-compact-landscape .modal.profile-mode .inventory-grid .lock-icon{font-size:18px}
.r80-profile-tabs{display:none}
@media (max-width:700px),(orientation:portrait){.modal.profile-mode{width:98%;height:96%;max-height:96%;padding:10px!important;overflow:hidden!important}.modal.profile-mode #modalContent,.modal.profile-mode #aptPane{overflow:hidden!important}.modal.profile-mode .modal-head{margin-bottom:5px}.modal.profile-mode .modal-title{font-size:18px}.modal.profile-mode .apartment-tabs{gap:4px;margin-bottom:5px}.modal.profile-mode .apartment-tabs .tab{padding:6px 8px;font-size:9px}.modal.profile-mode .profile-instruction-row>span{display:none}.modal.profile-mode .profile-instruction-row{justify-content:flex-end;margin:0 0 4px}.r80-profile-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:0 0 5px}.r80-profile-tabs .tab{padding:7px 6px;font-size:9px}.modal.profile-mode .profile-layout{height:calc(100% - 60px)!important;display:block!important}.modal.profile-mode .profile-layout .character-panel,.modal.profile-mode .profile-layout .side{display:none;height:100%!important;overflow:hidden!important}.modal.profile-mode .profile-layout.r80-equipment .character-panel,.modal.profile-mode .profile-layout.r80-stats .side{display:flex}.modal.profile-mode .profile-layout.r80-equipment .character-panel{padding:7px!important}.modal.profile-mode .profile-layout.r80-equipment .stage.equipment-stage{height:100%!important;grid-template-columns:78px minmax(120px,1fr) 78px!important;gap:7px!important;padding:7px!important}.modal.profile-mode .profile-layout.r80-equipment .stage.equipment-stage .slot{height:82px!important;padding:16px 4px 4px!important}.modal.profile-mode .profile-layout.r80-equipment .stage.equipment-stage .slot img{width:52px!important;height:52px!important}.modal.profile-mode .profile-layout.r80-equipment .stage.equipment-stage .person{width:min(170px,94%)!important;height:255px!important}.modal.profile-mode .profile-layout.r80-equipment .person-label{width:170px!important}.modal.profile-mode .profile-layout.r80-stats .side{flex-direction:column}.modal.profile-mode .profile-layout.r80-stats .side-head h3{font-size:13px}.modal.profile-mode .profile-layout.r80-stats .side-head .pill{padding:4px 5px;font-size:8px}.modal.profile-mode .profile-layout.r80-stats .statlist{gap:2px}.modal.profile-mode .profile-layout.r80-stats .srow{grid-template-columns:70px minmax(0,1fr) 26px 24px 56px;gap:4px;min-height:25px;font-size:9px}.modal.profile-mode .profile-layout.r80-stats .srow .track{height:5px}.modal.profile-mode .profile-layout.r80-stats .srow .bonusline{font-size:7px}.modal.profile-mode .profile-layout.r80-stats .statadd,.modal.profile-mode .profile-layout.r80-stats .statmoney{height:22px;border-radius:7px;font-size:7px}.modal.profile-mode .profile-layout.r80-stats .statadd{width:24px}.modal.profile-mode .profile-layout.r80-stats .statmoney{padding:0 3px}.modal.profile-mode .profile-layout.r80-stats .inventory-head{margin-top:5px!important;min-height:20px}.modal.profile-mode .profile-layout.r80-stats .inventory-head h3{font-size:11px}.modal.profile-mode .profile-layout.r80-stats .inventory-count,.modal.profile-mode .profile-layout.r80-stats .inventory-note{font-size:8px}.modal.profile-mode .profile-layout.r80-stats .inventory-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px!important;margin-top:4px!important;flex:0 0 auto}.modal.profile-mode .profile-layout.r80-stats .inventory-grid .lock-level{font-size:7px}.modal.profile-mode .profile-layout.r80-stats .inventory-grid .lock-icon{font-size:17px}}
