:root{--font-display: "Tektur", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-orange: #ff6800;--color-orange-hot: #ff8a24;--color-blue: #0074ff;--color-cyan: #00f0ff;--color-green: #08d486;--color-page-bg: #080c14;--color-shell-bg: #0d1422;--color-panel-bg: #121b2b;--color-panel-raised: #172336;--color-panel-soft: #1c2a40;--color-border: rgb(255 255 255 / 11%);--color-border-strong: rgb(0 240 255 / 28%);--color-text-main: #ffffff;--color-text-muted: rgb(226 235 248 / 68%);--color-text-soft: rgb(226 235 248 / 48%);--shadow-hot: 0 18px 42px rgb(255 104 0 / 24%);--shadow-panel: 0 24px 70px rgb(0 0 0 / 34%);--border-width: 1px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;color:var(--color-text-main);background:var(--color-page-bg);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--color-page-bg)}body{min-width:320px;min-height:100vh;margin:0;background:var(--color-page-bg)}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}input,textarea,select{width:100%;min-height:44px;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:#0a101b;color:var(--color-text-main);outline:none;padding:0 14px}textarea{min-height:96px;padding:12px 14px;resize:vertical}input::placeholder,textarea::placeholder{color:var(--color-text-soft)}input:focus,textarea:focus,select:focus{border-color:var(--color-cyan);box-shadow:0 0 0 3px #00f0ff24}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:0}p{color:var(--color-text-muted);line-height:1.5}a{color:inherit;text-decoration:none}.auth-shell{display:grid;min-height:100vh;place-items:center;padding:24px;background:linear-gradient(135deg,#080c14fa,#0d1422fa),#080c14}.auth-card{display:grid;gap:22px;width:min(460px,100%);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-panel-bg);box-shadow:var(--shadow-panel);padding:28px}.auth-card h1{max-width:10ch;color:var(--color-text-main);font-size:clamp(2rem,8vw,3.5rem);line-height:1.02}.brand-mark{display:inline-flex;align-items:center;gap:10px;color:var(--color-text-main);font-family:var(--font-display);font-size:1.05rem;font-weight:800}.brand-mark img{width:38px;height:38px;border:var(--border-width) solid rgb(255 255 255 / 18%);border-radius:10px;object-fit:cover}.segmented-control{display:grid;grid-template-columns:1fr 1fr;gap:6px;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-pill);background:#0a101b;padding:5px}.segmented-control button{min-height:40px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--color-text-muted);font-weight:800}.segmented-control button.active{background:var(--color-orange);color:#080c14}.app-shell{display:grid;min-height:100vh;grid-template-columns:280px minmax(0,1fr);background:var(--color-page-bg)}.app-sidebar{position:sticky;top:0;display:flex;flex-direction:column;gap:28px;height:100vh;border-right:var(--border-width) solid var(--color-border);background:#080c14;color:var(--color-text-main);overflow:hidden;padding:24px}.side-nav{display:grid;gap:10px}.side-nav-bottom{margin-top:auto}.nav-button{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:10px;min-height:48px;border:var(--border-width) solid transparent;border-radius:var(--radius-pill);background:transparent;color:var(--color-text-muted);font-weight:800;text-align:left;padding:0 16px}.nav-button svg{color:var(--color-cyan)}.nav-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-button:hover,.nav-button.active{border-color:#ff6800a3;background:#ff680024;color:var(--color-text-main)}.nav-button.active svg{color:var(--color-orange)}.app-content{display:grid;align-content:start;gap:18px;padding:28px;background:var(--color-shell-bg)}.content-panel{display:grid;gap:24px;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-panel-bg);box-shadow:0 18px 50px #0000002e;padding:24px}.section-title h1,.detail-header h1{color:var(--color-text-main);font-size:clamp(1.8rem,4vw,3rem);line-height:1.08}.panel-heading,.action-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.button-primary,.button-secondary,.button-ghost,.button-back,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:var(--border-width) solid transparent;border-radius:var(--radius-pill);font-size:.9rem;font-weight:800;padding:0 20px;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease,color .16s ease}.button-primary svg,.button-secondary svg,.button-ghost svg,.button-back svg,.icon-button svg{flex:0 0 auto}.button-primary{border-color:var(--color-orange);background:var(--color-orange);color:#080c14}.button-secondary{border-color:#00f0ff47;background:#00f0ff14;color:var(--color-cyan)}.button-ghost,.button-back,.icon-button{border-color:var(--color-border);background:#ffffff0a;color:var(--color-text-main)}.button-back{width:fit-content}.button-primary:hover,.button-secondary:hover,.button-ghost:hover,.button-back:hover,.icon-button:hover{transform:translateY(-1px)}.button-primary:hover{box-shadow:var(--shadow-hot)}.button-secondary:hover{border-color:var(--color-cyan);background:#00f0ff21}.compact{min-height:38px;padding:0 14px}.form-stack{display:grid;gap:14px}.form-stack.spacious{gap:22px}.field{display:grid;gap:8px}.field>span{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--color-text-main);font-size:.9rem;font-weight:800}.field em{color:var(--color-cyan);font-size:.75rem;font-style:normal;font-weight:700}.banner,.invite-strip,.invite-preview{border:var(--border-width) solid rgb(0 240 255 / 24%);border-radius:var(--radius-md);background:#00f0ff14;color:#d9fbff;font-weight:800;padding:12px 14px}.banner.error,.invite-strip.error{border-color:#ff680057;background:#ff68001a;color:#ffd4b5}.invite-preview{display:grid;gap:4px;font-weight:700}.invite-preview span{color:var(--color-text-muted);font-size:.9rem}.invite-strip{display:flex;align-items:center;justify-content:space-between;gap:12px}.profile-panel{max-width:760px}.profile-list{display:grid;gap:14px;margin:0}.profile-list div{display:grid;gap:5px;border-bottom:var(--border-width) solid var(--color-border);padding-bottom:14px}.profile-list dt{color:var(--color-text-soft);font-size:.78rem;font-weight:800;text-transform:uppercase}.profile-list dd{margin:0;overflow-wrap:anywhere}.challenge-scroll-list{display:grid;gap:10px;max-height:calc(100vh - 220px);overflow:auto;padding-right:4px}.challenge-row{display:grid;grid-template-columns:42px minmax(0,1fr) 22px;align-items:center;gap:12px;min-height:76px;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-panel-raised);color:var(--color-text-main);text-align:left;padding:14px 16px}.challenge-row:hover,.challenge-row.active{border-color:var(--color-orange);background:#1d2a3e}.challenge-row>svg{color:var(--color-text-soft)}.challenge-row-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:var(--border-width) solid rgb(0 240 255 / 22%);border-radius:50%;background:#00f0ff14;color:var(--color-cyan)}.challenge-row-copy{display:grid;gap:4px;min-width:0}.challenge-row-copy strong{overflow:hidden;color:var(--color-text-main);font-weight:800;text-overflow:ellipsis;white-space:nowrap}.challenge-row-copy small{overflow:hidden;color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap}.form-section{display:grid;gap:14px;border-top:var(--border-width) solid var(--color-border);padding-top:20px}.form-section h3{font-size:1.1rem}.form-section p{margin-top:4px}.reward-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.reward-picker{display:grid;gap:10px;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-panel-raised);padding:14px}.reward-picker h4{font-size:1rem}.reward-picker label{display:grid;gap:6px;color:var(--color-text-muted);font-size:.8rem;font-weight:800}.reward-picker p{font-size:.86rem}.money-field-label>span:first-child{color:var(--color-text-muted)}.money-field{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;min-height:44px;border:var(--border-width) solid rgb(255 104 0 / 32%);border-radius:var(--radius-md);background:#ff680014;overflow:hidden}.money-field svg{justify-self:center;color:var(--color-orange)}.money-field input{min-height:42px;border:0;border-radius:0;background:transparent;color:var(--color-text-main);font-family:var(--font-display);font-weight:800;padding-left:0}.money-field input:focus{box-shadow:none}.email-picker{display:grid;gap:10px}.email-input-row{display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto}.email-chip-list{display:flex;flex-wrap:wrap;gap:8px}.email-chip{display:inline-flex;align-items:center;gap:8px;max-width:100%;border:var(--border-width) solid rgb(0 240 255 / 22%);border-radius:var(--radius-pill);background:#00f0ff14;color:var(--color-text-main);font-size:.86rem;font-weight:700;padding:6px 8px 6px 12px}.email-chip button{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:0;border-radius:50%;background:#ffffff1f;color:var(--color-text-main);padding:0}.field-error{color:#ffd4b5;font-size:.86rem;font-weight:700}.detail-view{min-height:calc(100vh - 56px)}.detail-hero{display:grid;gap:18px;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-panel-raised);padding:18px}.detail-hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.detail-hero-body{display:grid;align-items:end;gap:20px;grid-template-columns:minmax(0,1fr) minmax(260px,max-content);min-width:0}.detail-header{align-self:start;display:grid;gap:12px;min-width:0}.detail-header p{max-width:70ch}.detail-header span{width:fit-content;border:var(--border-width) solid rgb(0 240 255 / 28%);border-radius:var(--radius-pill);background:#00f0ff1a;color:#c9fbff;font-size:.82rem;font-weight:800;line-height:1;padding:8px 12px;white-space:nowrap}.play-button{min-width:142px;min-height:48px}.detail-actions{align-self:end;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;min-width:0}.leaderboard-section{display:grid;gap:14px;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);background:#0e1625;padding:14px}.leaderboard-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.leaderboard-section h2{font-size:1.35rem}.leaderboard-table{display:grid;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.leaderboard-head,.leaderboard-row{display:grid;align-items:center;gap:12px;grid-template-columns:80px minmax(0,1fr) 110px;min-height:54px;padding:0 16px}.leaderboard-head{background:#080c14;color:var(--color-text-muted);font-size:.78rem;font-weight:800;text-transform:uppercase}.leaderboard-row{background:var(--color-panel-raised)}.leaderboard-row+.leaderboard-row{border-top:var(--border-width) solid var(--color-border)}.leaderboard-row span{overflow-wrap:anywhere}.leaderboard-row span:first-child{color:var(--color-orange);font-family:var(--font-display);font-weight:800}.empty-state{border:var(--border-width) dashed rgb(255 255 255 / 18%);border-radius:var(--radius-md);color:var(--color-text-muted);padding:18px;text-align:center}.modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;background:#080c14c7;padding:20px;z-index:30}.modal-panel{display:grid;gap:18px;width:min(620px,100%);max-height:min(720px,calc(100vh - 40px));overflow:auto;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-panel-bg);box-shadow:var(--shadow-panel);padding:20px}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-heading h2{font-size:1.45rem}.icon-button{width:40px;min-height:40px;padding:0}.modal-list{display:grid;gap:10px}.modal-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-panel-raised);padding:12px}.modal-row span{overflow-wrap:anywhere}.modal-row small{color:var(--color-text-muted);font-weight:800}.loading-overlay{position:fixed;inset:0;display:grid;place-items:center;background:#080c14a3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:60}.loading-card{display:inline-flex;align-items:center;gap:10px;border:var(--border-width) solid rgb(0 240 255 / 28%);border-radius:var(--radius-pill);background:#101827;box-shadow:var(--shadow-panel);color:var(--color-text-main);font-weight:800;padding:12px 18px}.loading-card svg{color:var(--color-orange);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:940px){.app-shell{grid-template-columns:1fr}.app-sidebar{position:static;height:auto;min-height:auto;overflow:visible}.side-nav,.side-nav-bottom{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0}.nav-button{justify-content:center;text-align:center}}@media(max-width:860px){.detail-hero-body{grid-template-columns:1fr}}@media(max-width:700px){.auth-shell,.app-content,.app-sidebar{padding:16px}.auth-card,.content-panel{padding:18px}.side-nav,.side-nav-bottom,.reward-grid,.email-input-row{grid-template-columns:1fr}.detail-hero,.detail-hero-body,.panel-heading,.action-row,.invite-strip{align-items:stretch;grid-template-columns:1fr}.detail-hero-top,.panel-heading,.action-row,.invite-strip,.leaderboard-heading{flex-direction:column}.detail-actions{display:grid;grid-template-columns:1fr;justify-content:stretch}.play-button{width:100%}.leaderboard-head,.leaderboard-row{grid-template-columns:54px minmax(0,1fr) 78px;padding:0 10px}}