:root{--color-bg: #000000;--color-bg-elevated: #0a0a0a;--color-bg-panel: #111111;--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .18);--color-text: #ffffff;--color-text-muted: rgba(255, 255, 255, .6);--color-text-dim: rgba(255, 255, 255, .4);--color-accent: #e63946;--color-accent-dim: rgba(230, 57, 70, .7);--color-accent-subtle: rgba(230, 57, 70, .15);--color-white-accent: #f5f5f5;--font-display: "Bebas Neue", "Impact", "Haettenschweiler", sans-serif;--font-mono: "JetBrains Mono", "Consolas", monospace;--font-body: system-ui, -apple-system, sans-serif;--text-xs: .7rem;--text-sm: .85rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.35rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--text-4xl: 3rem;--tracking-tight: -.02em;--tracking-wide: .08em;--tracking-wider: .2em;--tracking-widest: .35em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--container-padding: 1rem;--header-height: 3.5rem;--radius-none: 0;--radius-sm: 2px}@media(min-width:768px){:root{--container-padding: 1.5rem;--text-3xl: 2.5rem;--text-4xl: 3.5rem}}@media(min-width:1024px){:root{--container-padding: 2rem}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;min-height:100vh;min-height:100dvh;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased}.font-display{font-family:var(--font-display);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase}.font-mono{font-family:var(--font-mono);letter-spacing:var(--tracking-wide)}.text-accent{color:var(--color-accent)}.text-muted{color:var(--color-text-muted)}.text-dim{color:var(--color-text-dim)}.app-shell{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.app-header{position:sticky;top:0;z-index:100;height:var(--header-height);background-color:var(--color-bg);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding-inline:var(--container-padding)}.app-main{flex:1;padding:var(--space-6) var(--container-padding)}.container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:var(--container-padding)}.brand{display:inline-flex;align-items:baseline;gap:var(--space-1)}.brand-wordmark{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:var(--tracking-wider);color:var(--color-text)}.brand-wordmark span{color:var(--color-accent)}.lang-toggle{display:flex;gap:0;border:1px solid var(--color-border-strong);background:var(--color-bg-panel)}.lang-toggle button{padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);color:var(--color-text-muted);background:transparent;border:none;cursor:pointer;transition:color .15s,background .15s}.lang-toggle button:hover{color:var(--color-text)}.lang-toggle button[aria-pressed=true]{color:var(--color-bg);background:var(--color-text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-wider);text-transform:uppercase;border:1px solid transparent;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.btn-primary{background:var(--color-accent);color:var(--color-text);border-color:var(--color-accent)}.btn-primary:hover{background:var(--color-accent-dim);border-color:var(--color-accent-dim)}.btn-secondary{background:transparent;color:var(--color-text);border-color:var(--color-border-strong)}.btn-secondary:hover{border-color:var(--color-text);color:var(--color-text)}.panel{background:var(--color-bg-panel);border:1px solid var(--color-border);padding:var(--space-6)}.panel--accent-border{border-color:var(--color-accent-subtle)}.screen{max-width:480px;margin-inline:auto}.auth-stack{display:flex;flex-direction:column;gap:var(--space-4)}.field-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-2)}.input{width:100%;padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-bg);color:var(--color-text);font-family:var(--font-mono);font-size:var(--text-sm)}.input::placeholder{color:var(--color-text-dim)}.input:focus{outline:none;border-color:var(--color-text)}.auth-divider{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-dim)}.auth-divider-line{flex:1;height:1px;background:var(--color-border)}.pill{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border-radius:999px;background:var(--color-accent-subtle);color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.profile-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-dim);text-transform:uppercase;letter-spacing:var(--tracking-widest)}.profile-value{font-family:var(--font-mono);font-size:var(--text-lg)}.challenge-card{background:var(--color-bg-panel);border:2px solid var(--color-accent);padding:var(--space-8);min-height:60vh;display:flex;flex-direction:column;justify-content:space-between}.challenge-card .challenge-title{font-family:var(--font-display);font-size:clamp(var(--text-2xl),5vw,var(--text-4xl));color:var(--color-text);letter-spacing:var(--tracking-wide);line-height:1.1;margin-bottom:var(--space-4)}.challenge-card .challenge-description{color:var(--color-text-muted);font-size:var(--text-base);line-height:1.5;margin-bottom:var(--space-6);flex:1}.challenge-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6)}.challenge-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.challenge-actions .btn{width:100%}.waiting-screen{min-height:50vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-8);border:1px solid var(--color-border);background:var(--color-bg-elevated)}.waiting-screen .waiting-countdown{font-family:var(--font-mono);font-size:clamp(2rem,8vw,4rem);color:var(--color-accent);letter-spacing:var(--tracking-wider);margin:var(--space-4) 0}.waiting-screen .waiting-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-dim);letter-spacing:var(--tracking-widest);text-transform:uppercase}.profile-tier-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.profile-tier-row .profile-label{margin-bottom:0}.pill--tier{font-weight:600}.xp-progress-wrap{margin-bottom:var(--space-4)}.xp-progress-bar{height:8px;background:var(--color-bg);border:1px solid var(--color-border-strong);overflow:hidden;margin-bottom:var(--space-2)}.xp-progress-fill{height:100%;background:var(--color-accent);transition:width .3s ease}.xp-progress-labels{font-family:var(--font-mono);font-size:var(--text-sm)}.profile-regen-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.profile-regen-row .profile-label{margin-bottom:0}.game-over-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:var(--color-bg);display:flex;align-items:center;justify-content:center;padding:var(--space-8)}.game-over-content{text-align:center;max-width:400px}.game-over-title{font-family:var(--font-display);font-size:clamp(3rem,12vw,5rem);color:var(--color-accent);letter-spacing:var(--tracking-wide);margin:0 0 var(--space-6);line-height:.95}.game-over-message{color:var(--color-text-muted);font-size:var(--text-base);line-height:1.5;margin-bottom:var(--space-6)}.game-over-stat{font-size:var(--text-sm);color:var(--color-text-dim);margin-bottom:var(--space-2)}.game-over-stat strong{color:var(--color-text)}.game-over-restart-btn{margin-top:var(--space-8);padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.proof-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:#000000f2;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.proof-modal{width:100%;max-width:420px;border:2px solid var(--color-accent)}.proof-modal-title{font-size:var(--text-2xl);margin-bottom:var(--space-4)}.proof-capture-area{margin-bottom:var(--space-4);min-height:200px;border:1px dashed var(--color-border-strong);background:var(--color-bg);position:relative}.proof-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6);min-height:200px}.proof-file-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.proof-preview-wrap{position:relative;min-height:200px;display:flex;align-items:center;justify-content:center;padding:var(--space-2)}.proof-preview-media{max-width:100%;max-height:280px;object-fit:contain}.proof-clear-btn{position:absolute;top:var(--space-2);right:var(--space-2);min-width:2rem;padding:var(--space-1)}.proof-rejection{color:var(--color-accent);font-size:var(--text-sm);margin-bottom:var(--space-3)}.proof-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.proof-step{padding:var(--space-4);min-height:120px}.proof-choice-buttons{display:flex;flex-direction:column;gap:var(--space-4)}.proof-choice-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;padding:var(--space-4) var(--space-6);font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:var(--tracking-wide);background:var(--color-bg);border:2px solid var(--color-border-strong);color:var(--color-text);cursor:pointer;transition:border-color .15s,background .15s}.proof-choice-btn:hover{border-color:var(--color-accent);background:var(--color-accent-subtle)}.proof-choice-icon{font-size:1.25em}.proof-back-link-wrap{margin:0 0 var(--space-3)}.proof-back-link{background:none;border:none;padding:0;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-dim);cursor:pointer;text-decoration:underline}.proof-back-link:hover{color:var(--color-accent)}.proof-textarea{width:100%;min-height:80px;padding:var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);background:var(--color-bg);border:2px solid var(--color-border-strong);resize:vertical}.proof-textarea::placeholder{color:var(--color-text-dim)}.proof-textarea:focus{outline:none;border-color:var(--color-accent)}.proof-char-count{margin-top:var(--space-2);font-size:var(--text-xs)}.verify-feed-wrap{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.verify-feed-title{font-size:var(--text-xl);margin-bottom:var(--space-1)}.verify-feed-subtitle{font-size:var(--text-xs);margin-bottom:var(--space-4)}.verify-feed-list{display:flex;flex-direction:column;gap:var(--space-4)}.verify-card{background:var(--color-bg-panel);border:1px solid var(--color-border);overflow:hidden}.verify-card-media{width:100%;max-height:240px;object-fit:cover;display:block}.verify-card-body{padding:var(--space-3)}.verify-card-title{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-2)}.verify-card-actions{display:flex;gap:var(--space-2);align-items:center}.verify-vote-btn{padding:var(--space-2) var(--space-4);font-family:var(--font-mono);font-size:var(--text-xs);border:1px solid var(--color-border-strong);background:transparent;color:var(--color-text);cursor:pointer;transition:border-color .2s,color .2s}.verify-vote-btn:hover{border-color:var(--color-text)}.verify-vote-btn.voted-yes{border-color:var(--color-accent);color:var(--color-accent)}.verify-vote-btn.voted-no{border-color:var(--color-text-dim);color:var(--color-text-dim)}.verify-votes-count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-dim);margin-left:auto}.push-permission-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:180;background:var(--color-bg);display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.push-permission-content{text-align:center;max-width:400px}.push-permission-title{font-family:var(--font-display);font-size:clamp(1.75rem,6vw,2.5rem);color:var(--color-accent);letter-spacing:var(--tracking-wide);line-height:1.1;margin:0 0 var(--space-4)}.push-permission-subtext{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);letter-spacing:var(--tracking-wide);margin-bottom:var(--space-10);line-height:1.5}.push-permission-allow-btn{width:100%;padding:var(--space-5) var(--space-8);font-size:var(--text-base);margin-bottom:var(--space-8)}.push-permission-skip{display:block;margin:0 auto;background:none;border:none;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.2em;color:var(--color-text-dim);cursor:pointer;text-decoration:underline;text-underline-offset:2px;opacity:.6}.push-permission-skip:hover{color:var(--color-text-muted);opacity:1}.hr{height:1px;border:0;background:var(--color-border);margin:var(--space-6) 0}.placeholder-block{padding:var(--space-16) var(--space-8);text-align:center;color:var(--color-text-dim);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:var(--tracking-wider)}.username-prompt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:160;background:#000000e6;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.username-prompt{width:100%;max-width:360px;border:2px solid var(--color-accent)}.username-prompt-title{font-size:var(--text-xl);margin-bottom:var(--space-2)}.username-prompt-subtitle{font-size:var(--text-xs);margin-bottom:var(--space-4)}.username-input{margin-bottom:var(--space-4)}.social-nav{display:flex;gap:0;margin-bottom:var(--space-4);border:1px solid var(--color-border-strong);background:var(--color-bg)}.social-nav-btn{flex:1;padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-muted);background:transparent;border:none;cursor:pointer;transition:color .2s,background .2s}.social-nav-btn:hover{color:var(--color-text)}.social-nav-btn.active{color:var(--color-bg);background:var(--color-accent)}.tab-panel{margin-top:var(--space-2)}.leaderboard-title{font-size:var(--text-xl);margin-bottom:var(--space-1)}.leaderboard-subtitle{font-size:var(--text-xs);margin-bottom:var(--space-4)}.leaderboard-list{list-style:none;padding:0;margin:0;counter-reset:rank}.leaderboard-list li{counter-increment:rank;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);font-family:var(--font-mono);font-size:var(--text-sm)}.leaderboard-list li:before{content:counter(rank);min-width:2ch;color:var(--color-accent);font-weight:600}.leaderboard-list li.leaderboard-you{background:var(--color-accent-subtle);border-left:3px solid var(--color-accent)}.leaderboard-list .leaderboard-name{flex:1;color:var(--color-text)}.leaderboard-list .leaderboard-tier{padding:var(--space-1) var(--space-2);border-radius:999px;background:var(--color-accent-subtle);color:var(--color-accent);font-size:var(--text-xs)}.leaderboard-list .leaderboard-xp{color:var(--color-text-muted)}.social-section-title{font-size:var(--text-xl);margin-bottom:var(--space-2)}.friends-search-wrap{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.friends-search-wrap .input{flex:1}.friend-search-results,.friend-requests-list{margin-bottom:var(--space-6)}.friend-search-results .friend-result-row,.friend-requests-list .friend-request-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);border-bottom:1px solid var(--color-border);font-family:var(--font-mono);font-size:var(--text-sm)}.friend-request-row .friend-request-actions{display:flex;gap:var(--space-2)}.friends-requests-label{font-size:var(--text-xs);margin-bottom:var(--space-2)}.feed-subtitle{font-size:var(--text-xs);margin-bottom:var(--space-4)}.friend-feed-list{display:flex;flex-direction:column;gap:var(--space-3)}.friend-feed-item{padding:var(--space-3);border:1px solid var(--color-border);background:var(--color-bg-panel);font-family:var(--font-mono);font-size:var(--text-sm)}.friend-feed-item .feed-username{color:var(--color-accent);margin-bottom:var(--space-1)}.friend-feed-item .feed-challenge{color:var(--color-text)}.friend-feed-item .feed-meta{color:var(--color-text-dim);font-size:var(--text-xs);margin-top:var(--space-2)}.share-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:160;background:#000000f2;display:flex;align-items:center;justify-content:center;padding:var(--space-4);overflow:auto}.share-modal{max-width:100%;border:2px solid var(--color-accent)}.share-modal-title{font-size:var(--text-xl);margin-bottom:var(--space-4)}.share-canvas{width:100%;max-width:600px;height:auto;display:block;margin-bottom:var(--space-4);background:#000}.share-actions{display:flex;gap:var(--space-3)}.share-actions .btn{flex:1}#screen-authed,#proof-overlay,#game-over-overlay,#push-permission-overlay,#share-overlay,#username-prompt-overlay,#username-overlay,#game-active-wrap,#game-waiting-wrap{display:none}#screen-authed.visible{display:block!important}#proof-overlay.visible,#game-over-overlay.visible,#push-permission-overlay.visible,#share-overlay.visible,#username-prompt-overlay.visible,#username-overlay.visible{display:flex!important}#game-active-wrap.visible,#game-waiting-wrap.visible{display:block!important}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}