/* Native66 menu parity; scoped to the hub so account, gameplay and localized landing pages stay independent. */
body{background:#0d1515;color:#e0dfc9}
body::before{display:none}
body>header{position:absolute;top:env(safe-area-inset-top,0px);left:0;right:0;z-index:2;max-width:490px;padding:20px 24px}
body>header button{font:23px Hand,cursive;color:#d6d8ca}
main{padding-top:0}
.hub-hero{position:relative;isolation:isolate;height:clamp(320px,43vh,430px);margin:0 -21px;overflow:hidden;text-align:center;padding:95px 24px 0}
.hub-hero::before{content:'';position:absolute;inset:0;z-index:-2;background:url('/hub/home-door66.webp') center top/100% auto no-repeat;opacity:.94}
.hub-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(to bottom,transparent 73%,#0d1515 100%)}
.hub-hero .logo{width:250px;max-width:80%;margin:0 auto 16px}
.browser-invite{font:18px/1.5 Hand,cursive;margin:0;color:#e0dfc9}
.browser-invite span{font:12px/1.5 Arial,sans-serif;color:#c0c5ba}
.register{background:#111c1a;border-color:#87918788;color:#e0dfc9;margin:6px 0 10px;padding:12px 14px}
.register strong{font:600 17px/1.4 Arial,sans-serif}
.register span{font-size:13px;color:#b0b9b0}
.quick-settings{margin:0 0 10px;padding:3px 0;border:0;background:transparent;border-radius:0;min-height:44px}
.quick-settings>span{font-size:14px;font-weight:400}
.quick-settings small{display:none}
.hub-modes .mode{background:#101a19;border-color:#87918799;border-radius:5px;margin:10px 0}
.hub-modes .mode summary{padding:15px 16px;min-height:100px}
.hub-modes .mode summary span{font:32px/1.3 Chalk,serif;color:var(--mode-ink)}
.hub-modes .mode summary small{font:14px/1.5 Arial,sans-serif;margin-top:6px;color:#b7c0b8}
.hub-modes .mode summary:after{color:var(--mode-ink)}
.hub-modes .content{padding:0 16px 16px}
.hub-modes .content:before{display:none}
.mode-preview{margin:0 0 16px;width:100%;height:clamp(152px,42vw,166px);overflow:hidden;border:1px solid #ffffffad;background:#050806;line-height:0}
.mode-preview video{display:block;width:100%;height:100%;object-fit:cover;object-position:center 58%}
[data-mode=rush] .mode-preview video{object-position:center bottom}
.mode .content h2{font:600 21px/1.35 Arial,sans-serif}
.mode .content h2+p{font:14px/1.5 Arial,sans-serif}
.mode .content .counts{font-size:14px;text-align:center;margin:12px 0}
.mode .content>p{font-size:13px;line-height:1.5}
.mode .times{gap:5px}
.mode .times button{min-height:66px;border-color:#87918799;background:#0d1715}
.mode .times strong{font-size:24px;font-weight:600}
.mode .times button[aria-pressed=true]{background:#dec28c26;border-color:#dec28c;box-shadow:inset 0 -2px #dec28c}
.mode .times .access{font-size:10px}
.mode h3{font:15px/1.4 Arial,sans-serif;letter-spacing:0;color:#d5d9cb}
.mode .gifts,.mode .gifts.compact{grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;margin:10px 0 7px}
.mode .gifts button{border-radius:50%;padding:4px;min-height:0;border-color:#73816a88;background:transparent;font-size:13px}
.mode .gifts button.weapon:not(.locked){border-color:#dba7a1a0;color:#dba7a1;background:#dba7a108}
.mode .gifts button.ability:not(.locked){border-color:#afd0b3a0;color:#afd0b3;background:#afd0b308}
.mode .gifts button.locked{background:transparent;color:#7e8780;border-color:#59645e77}
.mode .gifts img{max-width:100%;max-height:100%;opacity:.95}
.power-legend{display:flex;flex-wrap:wrap;gap:20px;font:12px/1.5 Arial,sans-serif;margin:5px 0 10px}
.power-legend .weapons{color:#dba7a1}.power-legend .abilities{color:#afd0b3}
.power-legend span:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;margin-right:6px}
.mode #gift-info,.mode #arena-info{font-size:12px;min-height:36px}
.mode .primary,.mode .primary:visited,.mode .primary:hover,.mode .primary:focus,.mode .primary:active{background:var(--mode-ink);border:1px solid var(--mode-ink);color:#12201b;font:600 17px/1.4 Arial,sans-serif;min-height:48px;padding:12px;margin-top:12px;box-shadow:none}
.mode .primary:disabled{opacity:.5}
.mode .secondary,.mode .text-link{font:14px/1.4 Arial,sans-serif;min-height:44px;padding:11px;border:1px solid #87918799;border-radius:4px;background:transparent;color:#e0dfc9;text-align:center;width:100%}
.mode .join-room .secondary{width:auto}
.mode-commerce{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:14px}
.mode-commerce button{min-width:0;min-height:44px;padding:8px 5px;font:14px/1.4 Arial,sans-serif;border-color:#87918799;color:#e0dfc9;background:transparent}
.mode .content .unlock-hint{font-size:12px;line-height:1.5;color:#aeb7ae;margin:8px 0 0}
.mode .final-run-choice{margin-top:8px;min-height:46px}
.mode .final-run-choice strong{font:19px Chalk,serif}
.arena-collection{padding-top:0}
main>footer{display:block;margin-top:14px;padding-top:0;border:0}
.footer-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}
.footer-controls button{display:block;border:1px solid #87918799;border-radius:4px;padding:10px;font:14px/1.4 Arial,sans-serif;min-height:44px;color:#e0dfc9}
.footer-links{display:flex;justify-content:center;gap:20px;margin-top:5px}
.footer-links a,.footer-links button{font-size:12px;min-height:44px;color:#aeb7ae}
@media(max-width:360px){.hub-hero{margin-left:-13px;margin-right:-13px;padding-top:90px}.hub-modes .content{padding-left:12px;padding-right:12px}.mode-commerce button{font-size:12px}.hub-modes .mode summary span{font-size:29px}.mode .gifts{gap:4px}}
@media(min-width:980px){
 body::before{display:block;position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,#0d151510,#0d151599 43%,#0d1515 69%),url('/hub/home-door66.webp') left 45%/auto 110vh no-repeat}
 body>header{position:relative;max-width:1240px;padding:24px 40px 10px}
 main{padding-top:15px;column-gap:clamp(48px,6vw,96px)}
 .hub-intro{padding:0;top:30px}
 .hub-hero{height:300px;margin:0;padding:55px 0 0;overflow:visible}
 .hub-hero::before,.hub-hero::after{display:none}
 .hub-hero .logo{width:330px;max-width:100%;margin:0 auto 20px}
 .hub-hero .browser-invite{text-align:center;font-size:24px}
 .hub-intro .register{margin:12px 0;padding:14px;background:#101a19ee}
 .hub-modes .mode summary span{font-size:34px}
 .hub-modes .mode summary{padding:18px 20px}
 .hub-modes .content{padding:0 20px 20px}
 .mode-preview{height:192px}
 main>footer{grid-column:2;justify-self:stretch}
}
/* Keep desktop collections as compact as the phone/native picker. */
.hub-modes .gifts.compact{max-width:440px;width:100%}