.challengePage{color:#f4f1e8;background:radial-gradient(circle at 50% 20%,#172a32 0,#070d10 38%,#020405 100%);min-height:100vh;padding:26px 5vw;font-family:Arial,Helvetica,sans-serif;position:relative;overflow:hidden}.challengePage:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 65%,#5bccbc0f,#0000 35%);position:absolute;inset:0}.challengePageHeader{z-index:2;border-bottom:1px solid #ffffff14;grid-template-columns:1fr auto 1fr;align-items:center;padding-bottom:20px;display:grid;position:relative}.challengePageHeader button{color:#879497;letter-spacing:1.7px;cursor:pointer;background:#071013;border:1px solid #243337;border-radius:999px;justify-self:start;padding:10px 16px;font-size:9px}.challengePageHeader button:hover{color:#fff;border-color:#72cfc3}.challengePageHeader>div{text-align:center;letter-spacing:-1px;font-size:24px;font-weight:950}.challengePageHeader>div span{color:#6bd5c8}.challengePageHeader small{color:#637074;letter-spacing:3px;margin-top:3px;font-size:6px;display:block}.challengePageHeader strong{color:#d6bf91;letter-spacing:2px;justify-self:end;font-size:9px}.challengeArenaPage{z-index:1;width:min(900px,96vw);margin:95px auto 0;position:relative}.challengeMeta{color:#758184;letter-spacing:2px;grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:10px;font-size:9px;display:grid}.challengeMeta b{color:#d6bf91}.challengeMeta strong{text-align:right;color:#f5f2e8;letter-spacing:0;font-size:18px}.challengeTimer{background:#172124;border-radius:10px;height:4px;margin-bottom:18px;overflow:hidden}.challengeTimer i{background:linear-gradient(90deg,#5fc9bb,#d0b06f);height:100%;transition:width 50ms linear;display:block;box-shadow:0 0 18px #5fc9bb80}.challengeQuestion{background:linear-gradient(145deg,#0d191cf0,#05090bf7);border:1px solid #ffffff1a;border-radius:28px;padding:54px;box-shadow:0 35px 100px #000000a6}.roundLabel{letter-spacing:2.5px;color:#6ed0c4;font-size:8px}.challengeQuestion h1{letter-spacing:-2px;white-space:pre-line;margin:18px 0 34px;font-size:clamp(30px,5vw,52px);line-height:1.1}.challengeOptions{gap:11px;display:grid}.challengeOptions button{text-align:left;color:#eee;cursor:pointer;background:#0b1316;border:1px solid #243337;border-radius:13px;grid-template-columns:34px 1fr 20px;align-items:center;gap:14px;padding:17px;font-size:15px;transition:all .18s;display:grid}.challengeOptions button:hover{background:#101e20;border-color:#69c9bd;transform:translate(4px);box-shadow:0 8px 30px #0000004d}.challengeOptions kbd{color:#93a4a6;border:1px solid #36474a;border-radius:8px;place-items:center;width:30px;height:30px;font-size:10px;display:grid}.challengeOptions i{color:#5ec8bc;opacity:0;font-style:normal;transition:all .18s}.challengeOptions button:hover i{opacity:1}.challengeResult{z-index:1;text-align:center;width:min(760px,94vw);margin:110px auto 0;position:relative}.resultWin,.resultLose{letter-spacing:4px;font-size:14px;font-weight:900}.resultWin{color:#72d7c9}.resultLose{color:#e57d86}.resultScore{letter-spacing:-8px;margin:8px;font-size:clamp(80px,13vw,150px);font-weight:950}.resultLine{color:#697679;letter-spacing:2px;justify-content:center;gap:32px;margin:15px 0 30px;font-size:9px;display:flex}.resultLine b{color:#fff}.challengeResult button{color:#fff4dd;letter-spacing:2px;cursor:pointer;background:linear-gradient(135deg,#92713c,#554325);border:1px solid #9e8556;border-radius:999px;padding:17px 28px;font-size:10px;font-weight:900}.challengeLoading,.challengeError{z-index:1;text-align:center;color:#7b898b;letter-spacing:3px;align-content:center;place-items:center;min-height:75vh;font-size:11px;display:grid;position:relative}.challengeLoading span{animation:1s infinite challengeDots}.challengeError b{color:#e17e87;letter-spacing:3px}.challengeError p{color:#7d898c;letter-spacing:.5px}.challengeError button{color:#d8e1df;letter-spacing:1.5px;cursor:pointer;background:#0c1719;border:1px solid #6e8b87;border-radius:999px;margin-top:15px;padding:13px 20px;font-size:9px}@keyframes challengeDots{0%,to{opacity:.2}50%{opacity:1}}@media (max-width:600px){.challengePage{padding:18px 14px}.challengePageHeader{grid-template-columns:1fr auto}.challengePageHeader>div{display:none}.challengePageHeader strong{grid-column:2}.challengeArenaPage{margin-top:60px}.challengeQuestion{padding:28px 20px}.challengeQuestion h1{font-size:30px}.resultLine{flex-wrap:wrap;gap:16px}}.colorRushQuestion{text-align:center;padding:42px 54px 50px}.colorRushPrompt{text-align:left;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.colorRushPrompt span{letter-spacing:-1.5px;color:#f7f4ea;font-size:clamp(22px,3vw,34px);font-weight:950}.colorRushPrompt strong{letter-spacing:2px;color:#6ed0c4;white-space:nowrap;border:1px solid #6ed0c433;border-radius:999px;padding:8px 11px;font-size:8px}.targetColorStage{background:radial-gradient(circle,#ffffff0b,#00000029);border:1px solid #ffffff14;border-radius:22px;place-items:center;height:260px;margin:10px 0 30px;display:grid;position:relative;overflow:hidden}.targetColorStage:before{content:"";border:1px solid #ffffff0f;border-radius:18px;animation:1.5s ease-in-out infinite colorTargetPulse;position:absolute;inset:12%}.targetColorSwatch{aspect-ratio:1;z-index:1;border:2px solid #ffffff6b;border-radius:32px;width:min(220px,42vw);animation:1.5s ease-in-out infinite colorTargetPulse;position:relative}.colorRushOptions{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.colorOption{position:relative;overflow:hidden;text-align:center!important;background:#070d10eb!important;border:1px solid #ffffff1f!important;border-radius:16px!important;grid-template-rows:1fr 1fr!important;grid-template-columns:28px 1fr!important;place-items:center!important;gap:4px 10px!important;min-height:108px!important;padding:14px!important;display:grid!important}.colorOption:hover{border-color:#6ed0c4a6!important;transform:translateY(-5px)!important;box-shadow:0 14px 34px #00000061!important}.colorOption kbd{grid-row:1/span 2;width:26px;height:26px;font-size:9px}.colorOptionSwatch{border:2px solid #ffffff80;border-radius:15px;grid-area:1/2/span 2;width:52px;height:52px}.colorOption i{display:none!important}@keyframes colorTargetPulse{0%,to{filter:saturate();transform:scale(.985)}50%{filter:saturate(1.12);transform:scale(1.015)}}@media (max-width:600px){.colorRushQuestion{padding:28px 18px 32px}.colorRushPrompt{flex-direction:column;align-items:flex-start}.colorRushPrompt strong{align-self:flex-start}.targetColorStage{height:210px}.targetColorSwatch{border-radius:24px;width:145px}.colorRushOptions{grid-template-columns:1fr 1fr;gap:10px}.colorOption{min-height:94px!important}}@media (prefers-reduced-motion:reduce){.targetColorSwatch,.targetColorStage:before{animation:none}}.stageRunPage{background:radial-gradient(circle at 50% 8%,#7053ff29,#0000 34%),#050509}.stageHudMap{background:linear-gradient(135deg,#141123f5,#07070cf5);border:1px solid #a98cff2e;border-radius:20px;width:min(1080px,100% - 32px);margin:18px auto 0;padding:16px 20px;box-shadow:0 18px 55px #00000059}.stageHudTop{letter-spacing:1.5px;color:#898394;grid-template-columns:1fr auto auto;align-items:center;gap:18px;font-size:8px;display:grid}.stageHudTop span{color:#c9bbf8;font-weight:900}.stageHudTop b{color:#625d70;font-weight:700}.stageHudTop strong{color:#fff;font-size:11px}.stageHudPath{grid-template-columns:repeat(5,1fr);margin-top:17px;display:grid;position:relative}.stageNode{color:#555062;letter-spacing:1px;justify-items:center;gap:5px;font-size:8px;display:grid;position:relative}.stageNodeOrb{z-index:2;background:#0b0a11;border:1px solid #ffffff1a;border-radius:50%;place-items:center;width:31px;height:31px;font-size:10px;font-weight:900;display:grid;position:relative}.stageNode.complete .stageNodeOrb{color:#6fd5bf;background:#2d74652e;border-color:#6fd5bf;box-shadow:0 0 22px #6fd5bf33}.stageNode.current .stageNodeOrb{color:#fff;background:#775bff40;border-color:#bca7ff;animation:1.2s ease-in-out infinite pinitStagePulse;box-shadow:0 0 30px #775bff66}.stageNode.current small{color:#d9ceff;font-weight:900}.stageConnector{z-index:1;background:#ffffff14;height:1px;position:absolute;top:15px;left:calc(16px - 50%);right:calc(50% + 16px)}.stageNode.complete .stageConnector{background:linear-gradient(90deg,#6fd5bfa6,#6fd5bf1f)}.stageScoreBreakdown{grid-template-columns:repeat(3,1fr);gap:8px;max-width:560px;margin:18px auto;display:grid}.stageScoreBreakdown span{letter-spacing:1px;color:#6f697b;background:#ffffff06;border:1px solid #ffffff12;border-radius:10px;padding:10px;font-size:7px}.stageScoreBreakdown b{color:#fff;margin-top:4px;font-size:12px;display:block}.stageRankCard{background:linear-gradient(145deg,#5b3fae24,#ffffff06);border:1px solid #a98cff40;border-radius:14px;justify-items:center;gap:4px;width:min(250px,100%);margin:16px auto;padding:14px;display:grid}.stageRankCard small{letter-spacing:2px;color:#8c84a0;font-size:7px}.stageRankCard strong{color:#fff;text-shadow:0 0 22px #a98cff66;font-size:34px;line-height:1}.stageRankCard span{letter-spacing:2px;color:#6d6679;font-size:7px}.finalRunBanner{color:#8ce5d0;letter-spacing:2px;text-align:center;background:#348c7714;border:1px solid #6fd5bf40;border-radius:12px;margin:18px auto 0;padding:14px;font-size:9px;font-weight:900}@keyframes pinitStagePulse{0%,to{transform:scale(.96);box-shadow:0 0 20px #775bff40}50%{transform:scale(1.08);box-shadow:0 0 36px #775bff80}}@media (max-width:650px){.stageHudMap{width:calc(100% - 20px);padding:13px 12px}.stageHudTop{grid-template-columns:1fr auto}.stageHudTop b{display:none}.stageHudTop strong{font-size:9px}.stageNodeOrb{width:27px;height:27px}.stageNode small{font-size:7px}.stageScoreBreakdown{gap:5px}.stageScoreBreakdown span{padding:8px 5px}}@media (prefers-reduced-motion:reduce){.stageNode.current .stageNodeOrb{animation:none}}