:root{--bg:#070910;--panel:#121926;--panel-2:#0d1420;--line:#223046;--line-2:#33445f;--text:#eaeff7;--muted:#8b98ae;--accent:#2b6cff;--accent2:#37c0ff;--ember:#ffc247;--good:#7cffb0;--bad:#ff6b6b;--radius:16px;--ring:0 0 0 3px #37c0ff4d}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font:15px/1.55 system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{inset:-20vmax;z-index:-2;background:radial-gradient(38vmax 38vmax at 22% 8%,#2b6cff2e,transparent 62%),radial-gradient(30vmax 30vmax at 84% 22%,#37c0ff24,transparent 60%),radial-gradient(34vmax 34vmax at 62% 96%,#ffa62a14,transparent 62%);animation:drift 34s ease-in-out infinite alternate}body:after,body:before{content:"";position:fixed;pointer-events:none}body:after{inset:0;z-index:-1;background:linear-gradient(180deg,transparent 55%,#37c0ff08 78%,transparent),repeating-linear-gradient(90deg,#ffffff08 0 1px,transparent 1px 74px);mask-image:linear-gradient(180deg,transparent 58%,#000 92%);-webkit-mask-image:linear-gradient(180deg,transparent 58%,#000 92%)}@keyframes drift{0%{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(3%,2%,0) scale(1.08)}}a{color:var(--accent2);text-decoration:none}a:hover{text-decoration:underline}:where(button,a,input,[tabindex]):focus-visible{outline:none;box-shadow:var(--ring);border-radius:10px}.wrap{max-width:760px;margin:0 auto;padding:22px 18px 60px}.topbar{display:flex;justify-content:space-between}.appbar,.topbar{align-items:center;gap:12px;margin-bottom:18px}.appbar{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:12px}.appbar>:last-child{justify-self:end}.appbar .btn,.topbar .btn{padding:9px 12px;font-size:13.5px}.appbar .row,.topbar .row{gap:8px;justify-content:flex-end}.appbar .btn svg,.topbar .btn svg{flex:none}.appbar .btn.icon,.topbar .btn.icon{padding:9px 10px}.brand{font-size:24px;font-weight:900;letter-spacing:-.02em;background:linear-gradient(96deg,#fff 18%,var(--accent2) 62%,#7fd6ff);-webkit-background-clip:text;background-clip:text;color:transparent}.brand span{-webkit-text-fill-color:transparent}.muted{color:var(--muted)}.small{font-size:13px}.center{text-align:center}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.card{position:relative;overflow:hidden;background:linear-gradient(168deg,var(--panel),var(--panel-2));border:1px solid var(--line);border-radius:var(--radius);padding:17px 18px;margin:12px 0;box-shadow:inset 0 1px 0 #ffffff0d,0 20px 40px -28px #000c}.card:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,#ffffff2e 22%,#ffffff2e 78%,transparent)}h2{font-size:25px;letter-spacing:-.02em;margin:0 0 8px}h3{letter-spacing:-.01em}.secTitle{margin:0 0 12px;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;font:700 15px system-ui;padding:12px 20px;border:0;border-radius:12px;background:linear-gradient(180deg,#3d7bff,#1e56e6);color:#fff;cursor:pointer;box-shadow:inset 0 1px 0 #ffffff40,0 8px 22px -8px #2b6cffb0;transition:transform .12s ease,box-shadow .2s ease,filter .2s ease,background .16s ease}.btn,.btn:active,.btn:focus,.btn:hover,.btn:visited{text-decoration:none}.btn:hover{filter:brightness(1.08);box-shadow:inset 0 1px 0 #ffffff40,0 12px 26px -8px #2b6cffd0}.btn:active{transform:translateY(1px) scale(.99)}.btn:disabled{background:#1b2231;color:#5c6880;cursor:not-allowed;box-shadow:none;filter:none;transform:none}.btn.ghost{background:#ffffff0a;border:1px solid var(--line);color:var(--text);box-shadow:none;font-weight:600}.btn.ghost:hover{background:#ffffff14;border-color:var(--line-2);filter:none}.badge{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:999px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}.badge.easy{color:var(--good);border-color:#2c5a3f;background:#7cffb010}.badge.medium{color:#ffd23b;border-color:#6a5622;background:#ffd23b10}.badge.hard{color:var(--bad);border-color:#6b3232;background:#ff6b6b10}.badge.expert{color:#c08bff;border-color:#4d3673;background:#c08bff10}.meta{font-size:12px;font-weight:600;color:var(--muted);padding:3px 9px;border-radius:8px;background:#ffffff08;border:1px solid #ffffff0f}.meta.best{color:var(--accent2);border-color:#1d4a63;background:#37c0ff12}.field{display:block;width:100%;font:15px system-ui;padding:12px;margin:6px 0 12px;border-radius:11px;border:1px solid var(--line);background:#0a101a;color:#fff}.err{color:var(--bad);font-size:13px}table{width:100%;border-collapse:collapse;font-size:14px}td,th{text-align:left;padding:9px 8px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:700;font-size:12px;letter-spacing:.08em;text-transform:uppercase}tbody tr:last-child td{border-bottom:0}tbody td{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}tbody td:first-child{font-weight:800;width:2.5em;color:var(--muted)}tbody tr:nth-child(-n+3) .scoreCell{color:var(--accent2);font-weight:800}tbody tr:first-child td:first-child{color:#ffd76a}tbody tr:nth-child(2) td:first-child{color:#d3dced}tbody tr:nth-child(3) td:first-child{color:#e39c62}.hero{padding:26px 20px 22px}.heroArt{position:absolute;right:-18%;top:50%;transform:translateY(-50%);height:122%;width:auto;opacity:.2;pointer-events:none;mask-image:linear-gradient(90deg,transparent,#000 70%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 70%)}.hero>:not(.heroArt){position:relative}@media (min-width:620px){.heroArt{opacity:.3;right:-8%}}.hero h1{margin:0 0 10px;font-size:clamp(30px,8vw,44px);line-height:1.06;font-weight:900;letter-spacing:-.035em}.hero h1 em{font-style:normal;background:linear-gradient(100deg,var(--accent2),#8ee5ff 55%,var(--ember));-webkit-background-clip:text;background-clip:text;color:transparent}.heroLimbs{display:flex;gap:6px;margin:16px 0 4px;flex-wrap:wrap}.heroLimbs span{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.seg{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.segBtn{position:relative;display:flex;flex-direction:column;gap:4px;text-align:left;cursor:pointer;padding:14px 15px;border-radius:13px;border:1px solid var(--line);background:#0b111c;color:var(--text);font:inherit;transition:border-color .16s ease,background .16s ease,transform .12s ease}.segBtn:hover{border-color:var(--line-2);background:#0e1524}.segBtn:active{transform:scale(.995)}.segBtn.on{border-color:#2f7fb8;background:linear-gradient(150deg,#10263a,#0c1728);box-shadow:0 0 0 1px #37c0ff59,0 0 34px -12px #37c0ff8a}.segTop{display:flex;align-items:center;justify-content:space-between;gap:10px}.segName{font-weight:800;font-size:18px;letter-spacing:-.01em}.segBtn.on .segName{color:var(--accent2)}.segBlurb{font-size:12.5px;line-height:1.4}.limbs,.segBlurb{color:var(--muted)}.limbs{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:4px 8px;border-radius:999px;border:1px solid var(--line)}.segBtn.on .limbs{color:var(--accent2);border-color:#2f7fb8;background:#37c0ff14}.mixRow{gap:14px}.mixRow,.mixVal{display:flex;align-items:center}.mixVal{flex-direction:column;min-width:60px;font-size:22px;font-weight:900;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.02em}.mixVal small{font-size:9.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.mixVal.hands{color:var(--accent2);text-shadow:0 0 22px #37c0ff59}.mixVal.legs{color:var(--ember);text-shadow:0 0 22px #ffc24759}.mix{flex:1 1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:10px;border-radius:999px;outline:none;cursor:pointer;background:linear-gradient(90deg,var(--accent2) var(--fill,40%),var(--ember) var(--fill,40%));box-shadow:0 0 24px -6px #37c0ff70,inset 0 1px 0 #0008}.mix.drill{display:block;width:90%;max-width:90%;margin:2px auto 0;background:linear-gradient(90deg,transparent 0 var(--fill,50%),#070a12cc var(--fill,50%) 100%),linear-gradient(90deg,var(--accent2),#b06bd8 52%,var(--bad));box-shadow:0 0 24px -8px #ff4d5e55,inset 0 1px 0 #0008}.mix::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#fff,#cfe0f5);border:3px solid #070910;cursor:-webkit-grab;cursor:grab;box-shadow:0 3px 12px #000b,0 0 0 1px #ffffff33}.mix::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid #070910;cursor:grab;box-shadow:0 3px 12px #000b}.statRow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px;margin-top:4px}@media (min-width:520px){.statRow{grid-template-columns:repeat(4,minmax(0,1fr))}}.statCell{gap:2px;padding:12px 8px;border-radius:12px;border:1px solid var(--line);background:#0b111c}.profileTop,.statCell{display:flex;flex-direction:column;align-items:center}.profileTop{margin:2px 0 20px;text-align:center}.avatarBig{width:82px;height:82px;border-radius:999px;display:grid;place-items:center;font:900 30px/1 system-ui;color:#06121c;letter-spacing:-.02em;background:linear-gradient(140deg,var(--accent2),var(--accent));border:2px solid #ffffffb3;box-shadow:0 14px 34px -14px #37c0ff8c}.avatarBig.guest{background:#0b111c;border-color:var(--line-2);color:var(--muted);box-shadow:none}.profileName{margin:12px 0 0;font-size:22px;font-weight:900;letter-spacing:-.4px}.profileMail{margin:3px 0 0;font-size:12.5px;color:var(--muted)}.pills{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-top:10px}.avatarBig img,.avatarBtn img{width:100%;height:100%;border-radius:999px;object-fit:cover;display:block}.avatarBig{overflow:hidden;padding:0;cursor:pointer}.avatarBig:hover{filter:brightness(1.08)}.avatarEdit{margin-top:8px;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.sheetWrap{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:16px;background:#04060bd9;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.sheet{width:100%;max-width:340px;padding:18px;border-radius:var(--radius);border:1px solid var(--line-2);background:var(--panel);box-shadow:0 30px 70px -30px #000;display:flex;flex-direction:column;align-items:center;text-align:center}.sheet .row{justify-content:center}.cropRing{position:relative;border-radius:999px;overflow:hidden;border:2px solid #ffffffb3;background:#0b111c;box-shadow:0 14px 34px -16px #37c0ff80}.cropHint{position:absolute;inset:0;display:grid;place-items:center;font-size:12.5px;color:var(--muted);pointer-events:none}.setList{padding:6px}.setRow{display:flex;align-items:center;gap:12px;width:100%;padding:12px 10px;border:0;border-radius:12px;background:transparent;color:var(--text);text-align:left;font:600 14.5px system-ui;text-decoration:none;cursor:pointer}.setRow+.setRow{border-top:1px solid #ffffff0d;border-radius:0}.setRow:hover{background:#ffffff0a}.setRow .ico{width:34px;height:34px;border-radius:10px;flex:none;display:grid;place-items:center;background:#ffffff0d;color:var(--accent2)}.setRow .lab{flex:1 1;min-width:0}.setRow .lab small{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.setRow .chev{color:var(--muted);flex:none}.setRow.bad{color:var(--bad)}.setRow.bad .ico{background:#ff6b6b1f;color:var(--bad)}.setRow:disabled{opacity:.6;cursor:default}.statCell b{font-size:22px;font-weight:900;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.statCell span{font-size:9.5px;font-weight:800;letter-spacing:.1em}.credit,.statCell span{text-transform:uppercase;color:var(--muted);text-align:center}.credit{margin:26px 0 8px;font-size:11.5px;font-weight:700;letter-spacing:.12em;opacity:.75}.menuWrap{position:relative}.menuPop{position:absolute;left:0;top:calc(100% + 8px);z-index:40;min-width:208px;padding:6px;border-radius:14px;border:1px solid var(--line-2);background:#0b111cf2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 20px 50px -20px #000,inset 0 0 0 1px #ffffff0a;display:grid;grid-gap:2px;gap:2px}.menuRow{display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;border:0;border-radius:10px;background:transparent;color:var(--text);cursor:pointer;font:600 14.5px system-ui;text-align:left;text-decoration:none}.menuRow:hover{background:#ffffff12}.menuRow.on{color:var(--accent2);background:#37c0ff14}.menuRow span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatarBtn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:999px;border:1px solid var(--line-2);background:#ffffff08;color:var(--text);font:800 15px system-ui;text-decoration:none;letter-spacing:0}.avatarBtn:hover{background:#ffffff14}.avatarBtn.on{border-color:var(--accent2);color:var(--accent2)}.shot{margin:12px 0 0;padding:0;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);box-shadow:0 18px 50px -28px #000,0 0 44px -30px #37c0ff80}.shot img{display:block;width:100%;height:auto}.shot figcaption{padding:9px 14px;font-size:11.5px;color:var(--muted);background:#0b111c;border-top:1px solid var(--line)}.heroCtas{display:grid;grid-gap:10px;gap:10px;margin-top:14px}.heroCta{display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:16px 20px;font-size:16px}.heroCta.primary{font-size:17px;font-weight:800;box-shadow:inset 0 1px 0 #ffffff40,0 12px 30px -10px #2b6cffc0}.heroCta:hover{transform:translateY(-1px)}.heroCta:active{transform:translateY(1px) scale(.995)}@media (min-width:560px){.heroCtas{grid-template-columns:1.4fr 1fr 1fr;align-items:stretch}}.boardGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}@media (min-width:720px){.boardGrid{grid-template-columns:repeat(4,1fr)}}.boardPanel{display:block;padding:13px 14px;text-decoration:none;color:inherit;transition:border-color .2s ease,transform .12s ease}.boardPanel:hover{border-color:var(--line-2);transform:translateY(-2px)}.boardHead{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px}.boardList{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-gap:5px;gap:5px}.boardList li{display:grid;grid-template-columns:1.2em 1fr auto;grid-gap:7px;gap:7px;align-items:baseline;font-size:12.5px}.boardRank{color:var(--muted);font-weight:800}.boardName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.boardScore{font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.boardList li:first-child .boardRank{color:#ffd76a}.boardList li:first-child .boardScore{color:var(--accent2)}.segBtn,.stageBtn{text-decoration:none}.stageRow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:6px;gap:6px}.stageBtn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 3px 8px;border-radius:12px;cursor:pointer;border:1px solid var(--line);background:#0b111c;color:var(--text);font:inherit;transition:border-color .16s ease,background .16s ease,transform .12s ease}.stageBtn:hover:not(:disabled){border-color:var(--line-2);background:#0e1524}.stageBtn:active:not(:disabled){transform:scale(.98)}.stageBtn:disabled{cursor:not-allowed;opacity:.45}.stageBtnNo{display:grid;place-items:center;width:26px;height:26px;border-radius:9px;font-size:14px;font-weight:900;letter-spacing:-.03em;background:var(--sc,var(--line-2));color:#070910}.stageBtn.s-easy{--sc:linear-gradient(180deg,#7cffb0,#2f9c63);--scg:#7cffb0}.stageBtn.s-medium{--sc:linear-gradient(180deg,#ffd23b,#a97f16);--scg:#ffd23b}.stageBtn.s-hard{--sc:linear-gradient(180deg,#ff6b6b,#a33636);--scg:#ff6b6b}.stageBtn.s-expert{--sc:linear-gradient(180deg,#c08bff,#6a3fb0);--scg:#c08bff}.stageBtn.on{border-color:var(--scg,var(--line-2));background:#0e1524;box-shadow:0 0 0 1px var(--scg,transparent),0 0 26px -12px var(--scg,transparent)}.stageBtnName{font-size:9.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;line-height:1.15;text-align:center;color:var(--muted)}.stageBtn.on .stageBtnName{color:var(--text)}.stageBtnName{min-height:2.3em;display:flex;align-items:center}.stageList{display:flex;flex-direction:column;gap:10px}.stageItem{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#0b111c;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.stageItem:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--sc,var(--line-2))}.stageItem.s-easy{--sc:linear-gradient(180deg,#7cffb0,#2f9c63);--scg:#7cffb0}.stageItem.s-medium{--sc:linear-gradient(180deg,#ffd23b,#a97f16);--scg:#ffd23b}.stageItem.s-hard{--sc:linear-gradient(180deg,#ff6b6b,#a33636);--scg:#ff6b6b}.stageItem.s-expert{--sc:linear-gradient(180deg,#c08bff,#6a3fb0);--scg:#c08bff}.stageItem:hover:not(.locked){border-color:var(--line-2)}.stageItem.on{background:#0e1524;border-color:var(--scg,var(--line-2));box-shadow:0 0 0 1px var(--scg,transparent),0 0 30px -14px var(--scg,transparent)}.stageItem.locked{opacity:.6}.stageItemBtn{display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px 13px 16px;background:none;border:0;color:var(--text);font:inherit;text-align:left;cursor:pointer}.stageItemBtn:disabled{cursor:not-allowed}.stageItemText{flex:1 1;min-width:0}.stageItemTop{display:flex;align-items:center;gap:10px}.stageItemName{flex:1 1;min-width:0;font-size:17px;font-weight:800;line-height:1.2}.stageItemTop .badge{flex:none}.stageItemTag{display:block;margin-top:3px;font-size:12.5px;color:var(--muted)}.stageItemMeta{margin-top:9px}.stageBody{padding:0 14px 14px 16px}.stageBody .chips{margin-top:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.stageBody .chip{min-width:0}.stageNo{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:11px;font-size:17px;font-weight:900;letter-spacing:-.03em;background:var(--sc,var(--line-2));color:#070910;box-shadow:0 0 20px -6px var(--scg,transparent)}.metaRow{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}.lockBox{margin-top:12px}.lockLine{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.lockLine svg{flex:none;opacity:.8}.prog{position:relative;height:6px;margin-top:9px;background:#ffffff0f;overflow:hidden}.prog,.prog i{border-radius:999px}.prog i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--accent),var(--accent2));box-shadow:0 0 16px -2px #37c0ffa0}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.chips.tight{margin-top:0;flex-wrap:nowrap}.chips.tight .chip{min-width:0;padding:10px 2px;font-size:11px}.chips.tight .chip b{font-size:17px}.chips.labels{margin-top:0}.chips.labels .chip{flex:1 1 auto;min-width:0;padding:10px 13px;font-size:12.5px}.chip{flex:1 1;min-width:90px;cursor:pointer;padding:11px 8px;border-radius:12px;border:1px solid var(--line);background:#0b111c;color:var(--muted);font:700 12.5px system-ui;letter-spacing:.02em;transition:border-color .16s ease,background .16s ease,transform .12s ease}.chip b{display:block;font-size:18px;color:var(--text);letter-spacing:-.02em}.chip:hover{border-color:var(--line-2);background:#0e1524}.chip:active{transform:scale(.98)}.chip.on{border-color:#3f6fd8;color:var(--text);background:linear-gradient(165deg,#17264a,#101a30);box-shadow:0 0 0 1px #2b6cff59,0 0 26px -10px #2b6cffc0}.chip.on b{color:var(--accent2)}.startBar{position:fixed;left:0;right:0;bottom:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#070910d9,#070910f5);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.startInfo{display:flex;flex-direction:column;gap:2px;min-width:0}.startInfo b{font-size:16px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.startBar .btn{padding:14px 32px;font-size:16px}.rise{animation:rise .5s cubic-bezier(.22,.7,.3,1) backwards;animation-delay:calc(var(--i, 0) * 55ms)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.segTop{flex-wrap:wrap;row-gap:4px}.segName{font-size:16px}.segBlurb{font-size:11.5px;line-height:1.35}.limbs{padding:3px 7px;font-size:9px;letter-spacing:.1em}@media (min-width:560px){.seg{gap:10px}.segName{font-size:18px}.segBlurb{font-size:12.5px}}@media (prefers-reduced-motion:reduce){.rise,body:before{animation:none}*{transition-duration:.01ms!important}}