/* Compact, touch-friendly HUD. All world controls live in Settings. */
.hud-actions{position:fixed;z-index:16;top:calc(var(--visual-top,0px) + (10px + env(safe-area-inset-top)) * var(--visual-inverse,1));right:calc(var(--visual-right,0px) + max(12px,env(safe-area-inset-right)) * var(--visual-inverse,1));display:flex;align-items:center;gap:8px;transform-origin:top right;scale:var(--visual-inverse,1)}
.settings-launcher{width:46px;height:46px;min-height:46px;border-radius:16px;background:#faf9f6f5;color:#6651ad;box-shadow:0 5px 20px #18112f29}
.pass-launcher{display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px;padding:7px 12px;border:1px solid #ecd69f;border-radius:16px;background:#fff6dff5;color:#634c25;box-shadow:0 5px 20px #18112f29;text-align:left;touch-action:manipulation}
.pass-launcher svg{width:23px;height:23px;flex:0 0 23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.pass-launcher b{display:block;font:700 12px/1.25 var(--body);white-space:nowrap}.pass-launcher small{display:block;margin-top:2px;font:500 10px/1.2 var(--body);color:#887043}.pass-launcher:hover{background:#ffefc8}.pass-launcher.pass-active{background:#f7edff;border-color:#d7c7ed;color:#6b508f}.pass-launcher[hidden]{display:none}
.topbar{max-width:calc(100% - 220px)}
@media(max-width:600px){.topbar{max-width:calc(100% - 186px);padding-left:7px;gap:5px}.topbar .brand>span{display:none}.topbar .wallet{padding-inline:7px}.topbar .wallet small,.topbar .wallet i{display:none}.hud-actions{gap:6px}.pass-launcher{padding-inline:9px;gap:5px}.pass-launcher svg{width:19px;height:19px;flex-basis:19px}.pass-launcher b{font-size:11px}}
.settings-section-title{font:700 12px/1.4 var(--body);letter-spacing:.02em;color:#8a8296;margin:23px 0 9px}
.settings-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.settings-controls .outline-button{display:flex;align-items:center;gap:9px;min-height:54px;padding:11px 12px;text-align:left;font-size:12px;border-radius:16px;line-height:1.3}
.settings-controls svg{width:20px;height:20px;flex:0 0 20px}
.earn-list{display:grid;gap:0;margin-top:7px}
.earn-row{display:flex;gap:12px;padding:18px 0;border-bottom:1px solid #e9e4f0}
.earn-row>svg{width:24px;height:24px;flex:0 0 24px;color:#7964c6;margin-top:2px}
.earn-row>div{min-width:0;flex:1}
.earn-title{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;font-size:14px;color:#342f42}
.earn-title strong{font-size:12px;white-space:nowrap;color:#7358be;background:#eee8fa;border-radius:8px;padding:4px 7px}
.earn-row p{font-size:12px;line-height:1.55;color:#7b7387;margin:7px 0 10px}
.earn-row .outline-button{min-height:42px;padding:8px 12px;font-size:12px}
.earned-label,.earn-welcome{display:flex;align-items:center;gap:6px;font-size:11px;line-height:1.5;color:#797084}
.earned-label svg,.earn-welcome svg{width:16px;height:16px;flex:0 0 16px;color:#8d7bbc}
.earn-welcome{padding:16px 0 0}
.mobile-nav{display:grid;grid-template-columns:repeat(5,minmax(44px,1fr));position:fixed;z-index:7;left:50%;transform:translateX(-50%);bottom:calc(env(safe-area-inset-bottom) + 9px);width:min(350px,calc(100vw - 20px));height:55px;padding:3px 7px;border:1px solid #ffffffcc;border-radius:999px;background:#fbfaf7ed;box-shadow:0 6px 24px #1d12313d}
.mobile-nav button{min-width:44px;min-height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:999px;box-shadow:none;background:transparent;color:#6e5b8c}
.nav-orb{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:55px;height:44px;border-radius:15px;font:600 9px/1 var(--body)}
.nav-orb svg{width:20px;height:20px;stroke-width:1.9}
.mobile-nav button[aria-current=page] .nav-orb{color:#5b4098;background:#e8dff6}
.arena-interacting .mobile-nav{width:min(310px,calc(100vw - 20px));height:51px}
.arena-interacting .nav-orb{scale:.92}
.support-team-field{margin:21px 0 18px;padding:0;border:0;min-width:0}
.support-team-field legend{font:700 14px/1.4 var(--body);color:#3d344b}
.support-team-field>p{font-size:12px;color:#877c92;margin:5px 0 12px;line-height:1.5}
.support-team-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.support-team-option{position:relative;display:flex;gap:9px;align-items:center;padding:12px 10px;border:1.5px solid #e0d8eb;border-radius:16px;min-height:60px;cursor:pointer;background:#fff}
.support-team-option:has(input:checked){background:#f2ecff;border-color:#9472dc;box-shadow:0 0 0 1px #9472dc}
.support-team-option:has(input:focus-visible){outline:3px solid #b8a0ed;outline-offset:2px}
.support-team-option input{width:17px;height:17px;min-height:0;padding:0;flex:0 0 17px;accent-color:#7b57ba;margin:0;order:3;margin-left:auto}
.support-team-option img{width:29px;height:29px;object-fit:contain}
.support-team-option b{font-size:13px;line-height:1.3;overflow-wrap:anywhere}
.support-team-option .team-initial{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#f2eef8;color:#7963af;font-size:15px;font-weight:800}
.profile-support{margin:18px 0}
.profile-support .outline-button{margin-top:10px}
.photo-mode .settings-launcher,.rally-cinema .settings-launcher,.stargazing .settings-launcher{display:none!important}
.photo-mode .hud-actions,.rally-cinema .hud-actions,.stargazing .hud-actions{display:none!important}.prayer-cinema .pass-launcher{display:none!important}
@media(min-width:901px){.center-hud{bottom:78px}}
@media(max-width:360px){.topbar .wallet{font-size:12px}.settings-controls .outline-button{font-size:11px;padding:10px 8px}.support-team-option{gap:6px;padding:10px 8px}.support-team-option img{width:24px;height:24px}}

.room-status{position:fixed;z-index:10;left:max(12px,env(safe-area-inset-left));top:calc(env(safe-area-inset-top) + 70px);display:flex;align-items:center;gap:6px;min-height:32px;padding:6px 10px;border:1px solid #ffffff66;border-radius:12px;background:#101c32d9;color:#f3f1fb;font:600 11px/1.3 var(--body);touch-action:manipulation;backdrop-filter:blur(8px)}
.room-status::before{content:'';width:6px;height:6px;border-radius:50%;background:#e9be77}.room-status[data-state=live]::before{background:#76ddb8}.room-status[hidden]{display:none}.room-roster{list-style:none;padding:0;display:grid;gap:8px}.room-roster li{display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;background:#f0ebf8}.room-roster svg{width:20px;height:20px;color:#7964c6}.photo-mode .room-status,.rally-cinema .room-status,.prayer-cinema .room-status,.stargazing .room-status{display:none!important}

.mobile-nav .predict-team-logo{width:29px;height:25px;object-fit:contain}.mobile-nav .predict-team-initials{height:25px;min-width:29px;display:grid;place-items:center;font-size:10px;font-weight:800;background:#e5dcf6;border-radius:7px}.mobile-nav .has-prediction .nav-orb{position:relative;background:#eee7fb}.mobile-nav .has-prediction .nav-orb::after{content:"";position:absolute;top:3px;right:8px;width:6px;height:6px;background:#49a780;border:2px solid #fbfaf7;border-radius:50%}.home-shortcuts .outline-button{display:flex;gap:9px;align-items:center}.home-shortcuts svg{width:20px;height:20px}