:root{--bg: #040404;--bg-soft: #0d0f14;--panel: rgba(17, 20, 28, .84);--panel-border: rgba(57, 255, 20, .12);--text: #f8f8f2;--muted: #a1a1aa;--line: rgba(255, 255, 255, .08);--acid: #39FF14;--acid-strong: #39FF14;--acid-glow: rgba(57, 255, 20, .15);--blue: #7B2FFF;--danger: #ff6b4a;--shadow: 0 24px 80px rgba(0, 0, 0, .45);--radius-xl: 32px;--radius-lg: 24px;--radius-md: 18px;--max-width: 1200px;--font-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at top left,rgba(57,255,20,.12),transparent 28%),radial-gradient(circle at bottom right,rgba(123,47,255,.14),transparent 26%),linear-gradient(180deg,#020202,#05070c 42%,#030303);font-family:var(--font-display);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(circle at center,black 45%,transparent 95%);mask-image:radial-gradient(circle at center,black 45%,transparent 95%);opacity:.35}a{color:inherit;text-decoration:none}button,input{font:inherit}.challenge-page{position:relative;z-index:1;width:min(calc(100% - 32px),var(--max-width));margin:0 auto;padding:24px 0 72px}.challenge-nav,.challenge-hero,.arena-layout,.flow-section{border:1px solid var(--line);background:#040404d1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.challenge-nav{position:sticky;top:18px;z-index:20;margin-bottom:28px;border-radius:999px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px}.brand-mark{display:inline-flex;align-items:center;gap:12px;font-size:1rem;font-weight:700;letter-spacing:.22em}.brand-mark img{width:42px;height:42px;object-fit:cover;border-radius:12px}.challenge-links,.nav-actions,.hero-actions,.control-row,.identity-actions{display:flex;align-items:center;gap:12px}.challenge-links{color:var(--muted);font-size:.95rem}.challenge-links a{padding:10px 14px;border-radius:999px}.challenge-links a:hover{background:#ffffff0d;color:var(--text)}.solid-button,.ghost-button,.mode-card,.identity-form input{border-radius:999px;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.solid-button,.ghost-button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:14px 28px;cursor:pointer;border:1px solid transparent;white-space:nowrap;font-size:15px;font-weight:600}.solid-button{background:linear-gradient(135deg,#39ff14,#39ff14,#39ff14);color:#000;font-weight:700;box-shadow:0 0 30px #39ff1426}.solid-button:hover{transform:translateY(-2px);box-shadow:0 8px 40px #39ff1440}.ghost-button{background:transparent;border:1.5px solid rgba(63,63,70,1);color:#fff}.ghost-button:hover{border-color:#71717a;background:#ffffff0d;transform:translateY(-1px)}.mode-card:hover{transform:translateY(-1px)}.wide{width:100%}.challenge-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:32px;padding:48px;border-radius:var(--radius-xl);margin-bottom:28px}.eyebrow,.mode-key,.rule-label,.hud-label,.result-label,.panel-badge,.live-pill,.camera-topline,.camera-bottomline,.identity-note,.hero-points,.preview-copy,.system-note,.leaderboard-rank,.leaderboard-score,.flow-steps span{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.eyebrow{margin:0 0 14px;color:var(--acid);font-size:.78rem}.hero-copy h1,.flow-copy h2,.rail-header h2,.stage-header h2,.panel-header h2{margin:0;font-size:clamp(2.6rem,4vw,4.8rem);line-height:.94;letter-spacing:-.05em}.hero-description{max-width:62ch;margin:22px 0 24px;color:#dadce4;font-size:1.08rem;line-height:1.7}.hero-points{list-style:none;display:grid;gap:10px;padding:0;margin:26px 0 0;color:var(--muted);font-size:.8rem}.hero-points li{position:relative;padding-left:18px}.hero-points li:before{content:"";position:absolute;left:0;top:.65em;width:8px;height:8px;border-radius:999px;background:var(--acid);box-shadow:0 0 16px #39ff1473}.hero-preview{display:flex;align-items:center;justify-content:center}.preview-shell{position:relative;width:min(100%,420px);aspect-ratio:.72;padding:22px;border-radius:34px;border:1px solid rgba(57,255,20,.18);background:linear-gradient(180deg,#101217f5,#090a0ce6);overflow:hidden}.preview-chrome{display:flex;gap:8px}.preview-chrome span{width:10px;height:10px;border-radius:50%;background:#ffffff47}.preview-grid,.frame-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:32px 32px;opacity:.5;pointer-events:none}.preview-copy{margin-top:42px;text-align:center;color:#e7e9ef;font-size:.95rem}.preview-copy strong{display:inline-block;min-width:2ch;color:var(--acid)}.preview-stage{position:relative;height:calc(100% - 180px);margin:22px 0 0;border:1px solid rgba(255,255,255,.6);background:linear-gradient(180deg,#ffffff0a,#ffffff03)}.preview-corners span{position:absolute;width:16px;height:16px;border:2px solid var(--blue)}.preview-corners span:nth-child(1){top:10px;left:10px;border-right:0;border-bottom:0}.preview-corners span:nth-child(2){top:10px;right:10px;border-left:0;border-bottom:0}.preview-corners span:nth-child(3){bottom:10px;left:10px;border-right:0;border-top:0}.preview-corners span:nth-child(4){bottom:10px;right:10px;border-left:0;border-top:0}.preview-radar{position:absolute;left:50%;top:50%;width:24px;height:24px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.35)}.preview-radar:before,.preview-radar:after{content:"";position:absolute;background:#ffffff59}.preview-radar:before{left:50%;top:-10px;width:1px;height:44px;transform:translate(-50%)}.preview-radar:after{top:50%;left:-10px;height:1px;width:44px;transform:translateY(-50%)}.preview-footer{position:absolute;inset-inline:22px;bottom:22px;display:grid;gap:16px}.preview-footer span{text-align:center;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}.preview-footer button{min-height:58px;border:0;border-radius:999px;background:#fbfbfb;color:#070707;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.arena-layout{display:grid;grid-template-columns:minmax(260px,300px) minmax(0,1fr) minmax(290px,340px);gap:22px;border-radius:var(--radius-xl);padding:24px;margin-bottom:28px}.mode-rail,.stage-column,.leaderboard-column,.leaderboard-card,.identity-card,.hud-card,.camera-shell,.result-strip,.flow-section,.flow-steps article{border-radius:var(--radius-lg)}.mode-rail,.stage-column,.leaderboard-column{display:grid;align-content:start;gap:18px}.mode-list{display:grid;gap:12px}.mode-card{width:100%;text-align:left;padding:20px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:var(--text);cursor:pointer}.mode-card strong,.mode-card span{display:block}.mode-card strong{margin:8px 0 6px;font-size:1.15rem}.mode-card span:last-child{color:var(--muted);line-height:1.55}.mode-card.active{border-color:#39ff1459;background:linear-gradient(180deg,#39ff141f,#ffffff0a);box-shadow:inset 0 0 0 1px #39ff141f}.mode-key,.rule-label,.result-label,.panel-badge,.live-pill,.leaderboard-rank,.leaderboard-score{font-size:.72rem}.mode-rules,.result-strip{display:grid;gap:12px;padding:18px;border:1px solid rgba(255,255,255,.06);background:#ffffff05}.mode-rules strong,.result-strip strong{display:block;margin-top:6px;font-size:1rem}.system-note,.identity-note{color:var(--muted);line-height:1.6;font-size:.78rem}.stage-header,.panel-header,.compact,.camera-topline,.camera-bottomline{display:flex;align-items:center;justify-content:space-between;gap:14px}.stage-header h2,.panel-header h2{font-size:clamp(1.8rem,3vw,2.8rem)}.live-pill,.panel-badge{padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:var(--muted)}.live-pill.live{color:var(--acid);border-color:#39ff1447;background:#39ff1414}.hud-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.hud-card,.camera-shell,.leaderboard-card,.identity-card,.flow-steps article{padding:18px;border:1px solid rgba(255,255,255,.08);background:var(--panel)}.hud-card strong{display:block;margin:8px 0 4px;font-size:clamp(2.6rem,5vw,4rem);line-height:1;font-variant-numeric:tabular-nums;min-width:2ch}.hud-card span:last-child{color:var(--muted)}.hud-card.accent{background:linear-gradient(180deg,#39ff141f,#ffffff08)}.camera-shell{gap:16px;display:grid}.camera-topline,.camera-bottomline{color:var(--muted);font-size:.78rem}.camera-frame{position:relative;aspect-ratio:1 / 1.18;border-radius:28px;overflow:hidden;background:linear-gradient(180deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.08)}#challenge-video,#challenge-overlay,.camera-placeholder,.frame-grid{position:absolute;top:0;right:0;bottom:0;left:0}#challenge-video,#challenge-overlay{width:100%;height:100%;object-fit:cover}#challenge-video{display:none;transform:scaleX(-1);background:#090909}#challenge-video.is-active{display:block}#challenge-overlay{pointer-events:none;transform:scaleX(-1)}.camera-placeholder{display:grid;place-content:center;gap:12px;padding:24px;text-align:center;color:var(--muted);background:radial-gradient(circle at 50% 88%,rgba(57,255,20,.14),transparent 22%),linear-gradient(180deg,#101216f5,#060709eb)}.camera-placeholder[hidden]{display:none}.camera-placeholder p{margin:0;color:var(--text);font-size:1.2rem}.camera-placeholder span{max-width:44ch;line-height:1.65}.countdown-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:136px;aspect-ratio:1;border-radius:50%;background:#fbfbfbf5;color:#060606;font-size:4rem;font-weight:700;box-shadow:0 0 60px #39ff1480,0 0 0 4px #39ff1466;pointer-events:none;z-index:10}.countdown-badge[hidden]{display:none}.leaderboard-list{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:10px}.leaderboard-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px 16px;border-radius:18px;background:#ffffff08;border:1px solid rgba(255,255,255,.04)}.leaderboard-row.is-me{border-color:#39ff1473;background:#39ff1414;box-shadow:inset 0 0 0 1px #39ff141a}.leaderboard-row.leaderboard-empty{display:block;text-align:center;color:var(--muted);font-size:.9rem;padding:22px 16px}.preview-tag{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;text-align:center;color:var(--acid)}.leaderboard-name{font-weight:600}.identity-form{display:grid;gap:14px}.identity-form label{display:grid;gap:8px}.identity-form label span{color:var(--muted);font-size:.88rem}.identity-form input{min-height:52px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;padding:0 18px;color:var(--text)}.identity-form input:focus{outline:none;border-color:#39ff1452;box-shadow:0 0 0 4px #39ff1414}.flow-section{padding:32px;border-radius:var(--radius-xl)}.flow-copy{margin-bottom:22px}.flow-copy h2{font-size:clamp(2rem,3vw,3.2rem)}.flow-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.flow-steps span{color:var(--acid);font-size:.82rem}.flow-steps h3{margin:14px 0 10px;font-size:1.3rem}.flow-steps p{margin:0;color:var(--muted);line-height:1.7}@media(max-width:1180px){.challenge-nav,.challenge-hero,.arena-layout,.flow-section{border-radius:28px}.challenge-hero,.arena-layout{grid-template-columns:1fr}.leaderboard-column{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.challenge-page{width:min(calc(100% - 20px),var(--max-width));padding-top:12px}.challenge-nav{position:static;border-radius:26px;flex-wrap:wrap}.challenge-links,.nav-actions,.hero-actions,.control-row,.identity-actions,.flow-steps,.leaderboard-column,.hud-row{grid-template-columns:1fr;flex-direction:column;align-items:stretch}.challenge-links,.challenge-nav .nav-actions{width:100%}.challenge-hero,.arena-layout,.flow-section{padding:22px}.hero-copy h1,.rail-header h2,.stage-header h2,.panel-header h2,.flow-copy h2{font-size:clamp(2rem,11vw,3.2rem)}.preview-shell{aspect-ratio:.72}.camera-frame{aspect-ratio:1 / 1.28}}@media(max-width:640px){.challenge-page{width:min(calc(100% - 12px),var(--max-width))}.challenge-nav{padding:14px}.brand-mark{letter-spacing:.16em;font-size:.9rem}.brand-mark img{width:36px;height:36px}.challenge-links{font-size:.85rem}.hero-description,.camera-placeholder span,.flow-steps p{font-size:.96rem}.hud-card strong{font-size:2.4rem}.countdown-badge{width:104px;font-size:3rem}}