.mobile-hub{background:#eef3f6;color:#102b3a;padding-bottom:calc(84px + env(safe-area-inset-bottom));font-size:16px}
.mobile-hub [hidden]{display:none!important}.mobile-hub .nav{height:68px;padding:0 24px;max-width:1060px;margin:auto;gap:12px;background:transparent;border:0}.mobile-hub .wordmark{font-size:16px;letter-spacing:-.4px;white-space:nowrap}.mobile-hub .language-picker{margin-left:auto}.mobile-hub .language-picker select{max-width:125px;font-size:14px;color:#102b3a;background:white}
.mobile-hub main{max-width:960px;margin:12px auto;padding:0 20px}.mobile-hub main>.app-screen{margin:0;padding:28px;background:#fff;border:1px solid #d8e3e9;border-radius:24px;box-shadow:0 12px 40px #12314009}.mobile-hub #join{padding:0;overflow:hidden}.compact-hero{padding:24px 28px;color:white;background:linear-gradient(90deg,#102b3afa,#102b3a88),url('./homepage-arena.webp') center 52%/cover}.compact-hero span{font-size:12px;letter-spacing:2px;color:#80ece0}.mobile-hub h1{font-size:clamp(24px,4vw,34px);line-height:1.3;letter-spacing:-1px;margin:10px 0}.compact-hero p{font-size:14px;margin:0;color:#e7f6fa}.join-surface{padding:24px 28px}.mobile-hub #profile-form,.mobile-hub #story-form{padding:0;background:transparent;border:0;box-shadow:none;display:grid;gap:14px;margin:0;color:#102b3a}.mobile-hub label{display:grid;gap:7px;font-size:14px;font-weight:600}.mobile-hub input,.mobile-hub select,.mobile-hub textarea{box-sizing:border-box;width:100%;min-height:46px;background:#f5f8fa;color:#102b3a;border:1px solid #b8cbd6;border-radius:10px;font:inherit;font-size:16px;padding:10px 12px}.mobile-hub textarea{resize:vertical}.mobile-hub .hint{font-size:14px;line-height:1.55;color:#506777;margin:14px 0 0}.country-search-disclosure{grid-row:3;font-size:14px;color:#506777}.country-search-disclosure summary{cursor:pointer}.country-search-label{padding:8px 0}.mobile-hub #events{display:block;margin-top:20px}.mobile-hub .event-card{border:0;padding:0;background:none;color:inherit;display:grid;gap:10px}.mobile-hub .event-card .queue-info{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:#506777}.mobile-hub button,.mobile-hub .primary{min-height:48px;border-radius:11px;border:0;background:#0c756f;color:white;font-size:16px;font-weight:700;padding:12px 18px;cursor:pointer}.mobile-hub button:disabled{background:#d9e3e8;color:#516672;cursor:default}.mobile-hub #connection-state{font-size:12px;color:#526f79}.mobile-hub #league-message:empty{display:none}.mobile-hub #league-message{font-size:14px;margin:10px 0}.mobile-hub .assignment{padding:20px;margin:16px 0;border:1px solid #d4e3e8;border-radius:16px;background:#f5f9fa;display:block}.ticket-number{font:700 26px monospace;color:#0b756d;margin-bottom:14px}.mobile-hub .assignment p{font-size:14px;margin:8px 0;line-height:1.5}.mobile-hub .assignment a{display:inline-block;margin-top:12px}.mobile-hub .nation-flag{width:24px;height:16px;object-fit:cover;vertical-align:middle;margin-right:8px}.story-actions{display:flex;gap:10px;flex-wrap:wrap}.story-actions button{flex:1}.mobile-hub #story-status{font-size:14px;line-height:1.5;margin:0;color:#506777}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.menu-grid a{display:flex;align-items:center;justify-content:space-between;padding:24px 18px;border:1px solid #d8e3e9;border-radius:14px;color:#102b3a;text-decoration:none;font-weight:600}.menu-grid a span{color:#087c73}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,960px);display:grid;grid-template-columns:repeat(4,1fr);background:#102b3a;padding:8px 8px calc(8px + env(safe-area-inset-bottom));box-sizing:border-box;z-index:100;border-radius:20px 20px 0 0;box-shadow:0 -5px 30px #102b3a15}.bottom-nav a{display:grid;place-items:center;min-height:48px;font-size:15px;font-weight:600;text-decoration:none;color:#c1d0d9;border-radius:12px}.bottom-nav a[aria-current]{background:#9ae9df;color:#102b3a}.mobile-hub .back-menu{display:inline-block;margin-bottom:18px;color:#087c73;font-size:14px}.mobile-hub .records{overflow-x:auto}.mobile-hub .record-grid{display:block}.mobile-hub .section-head{flex-wrap:wrap}.mobile-hub .broadcast-panel{display:block}.mobile-hub a:focus-visible,.mobile-hub button:focus-visible,.mobile-hub input:focus-visible,.mobile-hub select:focus-visible,.mobile-hub textarea:focus-visible{outline:3px solid #e19724;outline-offset:3px}
@media(min-width:760px){.mobile-hub #join{max-width:660px;margin:auto}.mobile-hub #story,.mobile-hub #ticket,.mobile-hub #menu{max-width:660px;margin:auto}.compact-hero{padding:32px}.join-surface{padding:28px 32px}}
@media(max-width:600px){.mobile-hub .nav{height:58px;padding:0 16px}.mobile-hub .wordmark{font-size:13px}.mobile-hub .language-picker select{max-width:100px;font-size:13px}.mobile-hub main{padding:0 12px;margin-top:4px}.mobile-hub main>.app-screen{padding:20px;border-radius:18px}.compact-hero{padding:20px}.join-surface{padding:18px 20px}.mobile-hub #profile-form{gap:12px}.mobile-hub #events{margin-top:16px}.mobile-hub .hint{font-size:13px}.mobile-hub .map-grid,.mobile-hub .track-grid{grid-template-columns:1fr}.menu-grid a{padding:22px 14px;font-size:15px}.mobile-hub .section-head h2{font-size:25px}.mobile-hub #ticket .assignment:nth-child(n+4){display:none}}