:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}body{margin:0}#root{height:100dvh;overflow:hidden}*{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}.app{color:#f4f4f4;height:100dvh;image-rendering:pixelated;background:#101018;font-family:"Press Start 2P",monospace;position:relative;overflow:hidden}.game-background{z-index:0;background:#101018;position:fixed;inset:0;overflow:hidden}.game-background-pan{width:auto;max-width:none;height:100%;image-rendering:pixelated;will-change:transform;position:absolute;top:0;left:0}.game-bird{font-size:28px;animation:16s linear infinite bird-fly,2.4s ease-in-out infinite bird-bob;position:absolute;top:14%}@keyframes bird-fly{0%{left:105%}to{left:-10%}}@keyframes bird-bob{0%,to{transform:translateY(0)scaleX(-1)}50%{transform:translateY(14px)scaleX(-1)}}.app>.screen{z-index:1;position:relative}.screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:36px;height:100%;padding:48px 32px;display:flex}.menu-screen,.gate-screen,.hero-select-screen{background:#1010188c}.gate-screen{gap:24px}.gate-prompt{max-width:320px;line-height:1.8}.gate-form{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:320px;display:flex}.gate-input{max-width:100%}.hero-select-screen{justify-content:flex-start;gap:28px;padding-top:64px}.title{color:#ffd93d;text-shadow:2px 2px #b8860b,4px 4px #0005;letter-spacing:0;margin:0}.section-title{color:#ffd93d;text-shadow:2px 2px #b8860b;margin:0}.subtitle{color:#6bcb77;max-width:26ch;margin:0;font-size:.8rem;line-height:1.6}.pixel-button{color:#101018;cursor:pointer;image-rendering:pixelated;background:#6bcb77;border:4px solid #101018;padding:16px 24px;font-family:"Press Start 2P",monospace;font-size:.9rem;box-shadow:5px 5px #3f8f4a}.pixel-button:hover{background:#ffd93d;box-shadow:5px 5px #b8860b}.pixel-button:active{transform:translate(3px,3px);box-shadow:2px 2px #3f8f4a}.pixel-button:disabled{color:#888;cursor:not-allowed;background:#444;box-shadow:5px 5px #222}.link-button{color:#888;cursor:pointer;background:0 0;border:none;font-family:"Press Start 2P",monospace;font-size:.7rem;text-decoration:underline}.placeholder{color:#aaa;font-size:.9rem}.hero-grid{grid-template-columns:repeat(2,1fr);gap:20px;width:100%;max-width:320px;display:grid;overflow-y:auto}.hero-card{cursor:pointer;color:#f4f4f4;background:#1c1c2a;border:3px solid #3a3a52;flex-direction:column;align-items:center;gap:10px;padding:16px 8px;font-family:"Press Start 2P",monospace;display:flex}.hero-card.selected{border-color:#ffd93d;box-shadow:4px 4px #b8860b}.hero-icon{image-rendering:pixelated;border:3px solid #101018;justify-content:center;align-items:center;display:flex;overflow:hidden}.hero-icon img{object-fit:cover;width:100%;height:100%;image-rendering:pixelated}.hero-name{font-size:.6rem;line-height:1.4}.hero-level{color:#6bcb77;font-size:.55rem}.hero-select-actions{flex-direction:column;align-items:center;gap:16px;display:flex}.hero-intro-screen{background:#1010188c;justify-content:flex-start;gap:24px;padding-top:32px;overflow-y:auto}.hero-intro-banner{text-align:left;background:#1c1c2a;border:3px solid #3a3a52;flex-direction:column;align-items:flex-start;gap:8px;width:100%;max-width:360px;padding:24px 16px 16px 112px;display:flex;position:relative}.hero-intro-portrait{position:absolute;top:-20px;left:-20px}.hero-intro-portrait .hero-icon{border-color:#ffd93d;box-shadow:3px 3px #b8860b}.hero-intro-text{color:#ccc;max-width:340px;font-size:.75rem;line-height:1.7}.profile-stats-row{gap:12px;width:100%;max-width:360px;display:flex}.profile-stat{background:#1c1c2a;border:3px solid #3a3a52;flex-direction:column;flex:1;align-items:center;gap:6px;padding:12px 6px;display:flex}.profile-stat-value{color:#ffd93d;font-size:1rem}.profile-stat-label{color:#aaa;text-align:center;font-size:.5rem}.hero-intro-sections{flex-direction:column;gap:20px;width:100%;max-width:360px;display:flex}.hero-intro-section{text-align:left}.hero-intro-heading{color:#ffd93d;margin:0 0 10px;font-size:.75rem}.hero-intro-list{flex-direction:column;gap:10px;list-style:none;display:flex}.hero-intro-item{background:#1c1c2a;border:2px solid #3a3a52;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.hero-intro-item-name{color:#6bcb77;font-size:.65rem}.hero-intro-item-desc{color:#aaa;font-size:.6rem;line-height:1.5}.hero-intro-list-inline{flex-flow:wrap}.hero-intro-chip{background:#1c1c2a;border:2px solid #3a3a52;align-items:center;gap:8px;padding:8px 10px;font-size:.6rem;display:flex}.hero-intro-empty{color:#888;border:2px dashed #3a3a52;padding:10px 12px;font-size:.6rem;line-height:1.6}.seal-screen,.hub-screen,.run-log-screen,.run-summary-screen,.perk-pick-screen,.profile-screen,.leaderboard-screen,.selfie-screen{background:#1010188c;justify-content:flex-start;gap:24px;padding-top:48px;overflow-y:auto}.error-text{color:#ff6b6b}.pixel-input{color:#f4f4f4;background:#1c1c2a;border:3px solid #3a3a52;width:100%;max-width:300px;padding:12px;font-family:"Press Start 2P",monospace;font-size:.75rem}.pixel-input:focus{border-color:#ffd93d;outline:none}.player-new-label{color:#aaa;font-size:.65rem}.seal-stamp{filter:drop-shadow(3px 3px #b8860b);font-size:4rem}.seal-oath{color:#ccc;max-width:340px;font-size:.75rem;line-height:1.9}.hub-header{text-align:left;align-items:center;gap:18px;width:100%;max-width:360px;display:flex}.hub-avatar-button{cursor:pointer;background:0 0;border:none;padding:0;line-height:0}.hub-avatar-button:active .hero-icon{transform:scale(.96)}.hub-header .hero-icon{border-color:#ffd93d;box-shadow:3px 3px #b8860b}.hub-header .hero-name{font-size:1rem;line-height:1.4}.hub-header .hero-level{font-size:.7rem}.hub-header-info{flex-direction:column;gap:6px;display:flex}.perk-alert,.ready-active{background:#ffd93d;box-shadow:5px 5px #b8860b}.hub-section{text-align:left;width:100%;max-width:360px}.ready-list{flex-direction:column;gap:8px;list-style:none;display:flex}.ready-list-item{background:#1c1c2a;border:2px solid #3a3a52;align-items:center;gap:10px;padding:8px 10px;font-size:.6rem;display:flex}.ready-list-item span:nth-child(2){flex:1}.team-stats{color:#6bcb77;max-width:320px;font-size:.65rem;line-height:1.8}.team-summary-card{text-align:center;background:#1c1c2a;border:3px solid #6bcb77;width:100%;max-width:360px;padding:16px;box-shadow:4px 4px #2d6a3e}.team-summary-km{color:#6bcb77;margin:0;font-size:1.4rem;line-height:1.3}.team-summary-label{color:#ccc;margin:6px 0 0;font-size:.6rem;line-height:1.6}.team-summary-meta{color:#888;margin:8px 0 0;font-size:.5rem}.stats-hint{color:#888;margin:0 0 4px;font-size:.55rem;line-height:1.6}.stats-section{border-top:2px dashed #3a3a52;flex-direction:column;gap:16px;padding-top:12px;display:flex}.stats-block{flex-direction:column;gap:8px;display:flex}.stats-subheading{color:#ffd93d;margin:0;font-size:.65rem}.leaderboard-list,.run-history-list{flex-direction:column;gap:6px;list-style:none;display:flex}.leaderboard-item{background:#1c1c2a;border:2px solid #3a3a52;align-items:center;gap:8px;padding:6px 10px;font-size:.55rem;display:flex}.leaderboard-rank{color:#ffd93d;flex-shrink:0;width:22px}.leaderboard-name{flex:1}.leaderboard-km{color:#6bcb77}.run-history-item{background:#1c1c2a;border:2px solid #3a3a52;align-items:center;gap:10px;padding:6px 10px;font-size:.55rem;display:flex}.run-history-date{color:#888;flex-shrink:0;width:40px}.run-history-name{flex:1}.run-history-km{color:#6bcb77}.run-log-form{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:320px;display:flex}.run-summary-rewards{flex-direction:column;gap:10px;width:100%;max-width:340px;display:flex}.run-summary-reward{text-align:left;background:#1c1c2a;border:2px solid #3a3a52;padding:10px 12px;font-size:.65rem;line-height:1.6}.perk-pick-list{flex-direction:column;gap:10px;width:100%;max-width:340px;list-style:none;display:flex}.perk-pick-item{cursor:pointer;text-align:left;width:100%;font-family:"Press Start 2P",monospace}.perk-pick-item:hover{border-color:#ffd93d}.hub-screen,.leaderboard-screen,.profile-screen,.background-view-screen{padding-bottom:96px}.hub-screen{min-height:100%}.hub-install-hint{text-align:center;margin-top:auto;padding-top:16px}.hub-install-hint-help{color:#888;max-width:280px;margin:0 auto;font-size:.52rem;line-height:1.5}.hub-install-hint-button{color:#9cb89f;cursor:pointer;background:#6bcb7714;border:1px solid #6bcb7738;border-radius:2px;margin-top:8px;padding:8px 12px;font-family:inherit;font-size:.58rem;line-height:1.5}.hub-install-card{text-align:center;background:#1c1c2ad9;border:2px solid #6bcb7759;margin-top:auto;padding:12px}.hub-install-card-title{color:#d8f3dc;margin-bottom:6px;font-size:.62rem}.hub-install-card-text{color:#999;margin-bottom:10px;font-size:.52rem;line-height:1.5}.hub-install-card-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.hub-install-card-install{padding:10px 14px;font-size:.58rem}.tab-bar{z-index:2;background:#101018eb;border-top:3px solid #3a3a52;display:flex;position:fixed;bottom:0;left:0;right:0}.tab-bar-item{color:#888;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:10px 4px 12px;font-family:"Press Start 2P",monospace;display:flex}.tab-bar-item.active{color:#ffd93d}.tab-bar-icon{font-size:20px;line-height:1}.tab-bar-label{font-size:.5rem}.mission-card{text-align:left;background:#1c1c2a;border:3px solid #ffd93d;flex-direction:column;gap:10px;width:100%;max-width:360px;padding:14px 16px;display:flex;box-shadow:4px 4px #b8860b}.mission-badge{color:#101018;background:#ffd93d;border:2px solid #b8860b;align-self:flex-start;padding:4px 8px;font-size:.45rem}.mission-title{color:#ffd93d;margin:0;font-size:.75rem}.mission-description{color:#ccc;margin:0;font-size:.6rem;line-height:1.6}.mission-progress-track{background:#101018;border:2px solid #3a3a52;width:100%;height:16px}.mission-progress-fill{background:#6bcb77;height:100%;transition:width .3s ease-out}.mission-progress-label{color:#6bcb77;margin:0;font-size:.55rem}.mission-deadline{color:#888;margin:0;font-size:.5rem}.mission-completed{border-color:#6bcb77;box-shadow:4px 4px #2d6a3e}.mission-completed .mission-badge{background:#6bcb77;border-color:#2d6a3e}.mission-done{color:#6bcb77}.session-list{flex-direction:column;gap:10px;list-style:none;display:flex}.session-item{background:#1c1c2a;border:2px solid #3a3a52;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.session-header{justify-content:space-between;align-items:baseline;font-size:.6rem;display:flex}.session-date{color:#ffd93d}.session-time{color:#ccc}.selfie-badge-reward{text-align:center;margin:12px 0}.session-group{color:#888}.session-total{color:#6bcb77;margin:0;font-size:.85rem}.session-runners{flex-wrap:wrap;gap:8px;display:flex}.session-runner-chip{background:#101018;border:2px solid #3a3a52;align-items:center;gap:6px;padding:4px 8px;font-size:.5rem;display:flex}.session-selfie-wrap{flex-direction:column;gap:6px;display:flex}.session-selfie{object-fit:cover;image-rendering:auto;border:3px solid #ffd93d;width:100%;max-height:200px}.session-selfie-by{color:#888;font-size:.5rem}.group-run-card{text-align:left;background:#1c1c2a;border:2px solid #3a3a52;width:100%;max-width:360px;padding:12px 14px}.group-run-selfie{border-color:#ffd93d;box-shadow:3px 3px #b8860b}.group-run-waiting{border-color:#9b5de5}.group-run-hint{color:#ccc;margin:0;font-size:.6rem;line-height:1.7}.waiting-item .waiting-badge{color:#9b5de5;font-size:.45rem}.mission-log{flex-direction:column;gap:8px;list-style:none;display:flex}.mission-log-item{background:#1c1c2a;border:2px solid #6bcb77;padding:10px 12px}.mission-log-header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.mission-log-title{color:#6bcb77;font-size:.6rem}.mission-log-date{color:#888;font-size:.5rem}.mission-log-detail{color:#ccc;margin:6px 0 0;font-size:.5rem}.selfie-screen{background:#1010188c}.selfie-frame{aspect-ratio:1;background:#101018;border:4px solid #ffd93d;width:100%;max-width:320px;overflow:hidden;box-shadow:4px 4px #b8860b}.selfie-video,.selfie-preview{object-fit:cover;width:100%;height:100%}.selfie-placeholder{color:#888;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;font-size:.6rem;display:flex}.selfie-placeholder span{font-size:3rem}.selfie-file-label{cursor:pointer;text-align:center;display:inline-block}.lightbox-overlay{z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.lightbox-card{background:#1c1c2a;border:3px solid #ffd93d;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:520px;padding:16px;display:flex;box-shadow:6px 6px #b8860b}.lightbox-label{color:#ccc;text-align:center;font-size:.55rem}.lightbox-image{object-fit:contain;border:2px solid #3a3a52;width:100%;max-height:70vh}.lightbox-close{width:100%}.session-selfie-button{cursor:pointer;background:0 0;border:none;width:100%;padding:0}.session-selfie-button .session-selfie{transition:transform .15s}.session-selfie-button:hover .session-selfie,.session-selfie-button:focus .session-selfie{transform:scale(1.02)}.session-share-button{margin-top:8px;padding:10px 12px;font-size:.55rem}.share-toast{color:#6bcb77;text-align:center;font-size:.55rem}