:root{--bg:#F2F5FB;--surface:#FFFFFF;--surface-2:#E8EDF7;--line:#D3DBEA;--ink:#0A1633;--muted:#4F5E80;--brand:#0A1633;--brand-2:#0C1B3F;--brand-fg:#E6ECF8;--accent:#1F6BFF;--accent-soft:#E2EBFF;--cyan:#4FD1FF;--xp:#0A7FB0;--xp-soft:#DDF4FF;--good:#15835A;--good-soft:#DCF2E8;--warn:#A85F00;--warn-soft:#FCEBD2;--bad:#C2372F;--bad-soft:#F8DEDC;--shadow:0 1px 2px rgba(10,22,51,.06),0 6px 18px rgba(10,22,51,.05);--font:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--display:"Space Grotesk",ui-sans-serif,system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#070F24;--surface:#0C1B3F;--surface-2:#13254F;--line:#22365F;--ink:#E6ECF8;--muted:#9FB0D2;--brand:#050B1C;--brand-2:#0A1633;--accent:#7FA8FF;--accent-soft:#16295A;--cyan:#7FDCFF;--xp:#7FDCFF;--xp-soft:#10304A;--good:#4CC890;--good-soft:#123326;--warn:#F0A04B;--warn-soft:#3A2812;--bad:#FF7A70;--bad-soft:#3D1A18;--shadow:0 1px 2px rgba(0,0,0,.35);color-scheme:dark}}*{box-sizing:border-box}body,html{margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14px;line-height:1.5}h1,h2,h3{font-family:var(--display);margin:0;letter-spacing:-.01em;text-wrap:balance}h1{font-size:25px}h2{font-size:16px;font-weight:600}a{color:var(--accent)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wrap{max-width:1200px;margin:0 auto;padding-inline:max(16px,env(safe-area-inset-left))}.top{position:-webkit-sticky;position:sticky;top:0;z-index:5;background:var(--brand);color:var(--brand-fg)}.top .wrap{gap:14px;flex-wrap:wrap;padding-block:12px}.logo,.top .wrap{display:flex;align-items:center}.logo{gap:10px;font-family:var(--display);font-weight:700;font-size:16px;color:var(--brand-fg);text-decoration:none}.mark{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#E6ECF8,#B3C1DE 50%,#7FDCFF);display:grid;place-items:center;color:#0A1633;font-size:13px}.logo small{display:block;font-family:var(--font);font-weight:500;font-size:10.5px;color:#9FB0D2;letter-spacing:.09em;text-transform:uppercase}.nav{display:flex;gap:4px;margin-left:auto;flex-wrap:wrap}.nav a{color:#C9D3E8;text-decoration:none;padding:7px 12px;border-radius:7px;font-weight:600;font-size:13px}.nav a:hover{background:rgba(255,255,255,.08);color:#fff}.signout{background:none;border:1px solid rgba(179,193,222,.3);color:#C9D3E8;border-radius:7px;padding:6px 10px;font-size:12.5px;cursor:pointer}main{padding-block:22px 48px;display:grid;grid-gap:16px;gap:16px}.hello{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}.hello p{margin:2px 0 0;color:var(--muted)}.grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start}.col,.grid{display:grid;grid-gap:16px;gap:16px}.card,.col{min-width:0}.card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:18px;box-shadow:var(--shadow)}.card-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;flex-wrap:wrap}.meta{font-size:12.5px}.eyebrow,.meta{color:var(--muted)}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.btn{border:1px solid var(--line);background:var(--surface);padding:8px 14px;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;white-space:nowrap;text-decoration:none;color:var(--ink);display:inline-block}.btn.primary,.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);color:#fff}.btn.sm{padding:5px 10px;font-size:12px}.btn.danger{color:var(--bad)}.btn:disabled{opacity:.5;cursor:not-allowed}.pill{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:99px;white-space:nowrap}.pill.good{background:var(--good-soft);color:var(--good)}.pill.warn{background:var(--warn-soft);color:var(--warn)}.pill.info{background:var(--accent-soft);color:var(--accent)}.pill.xp{background:var(--xp-soft);color:var(--xp)}.pill.mute{background:var(--surface-2);color:var(--muted)}.field{display:grid;grid-gap:4px;gap:4px}.field label{font-size:12px;font-weight:600;color:var(--muted)}.input,select.input,textarea.input{width:100%;padding:9px 10px;border-radius:8px;border:1px solid var(--line);background:var(--surface)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:10px;gap:10px}.check{display:flex;gap:8px;align-items:center}.notice{padding:10px 12px;border-radius:8px;font-size:13px}.notice.error{background:var(--bad-soft);color:var(--bad)}.notice.ok{background:var(--good-soft);color:var(--good)}.notice.warn{background:var(--warn-soft);color:var(--warn)}.player{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:18px;gap:18px;align-items:center;background:var(--brand-2);color:var(--brand-fg);border:1px solid rgba(127,220,255,.18)}.lvl{width:64px;height:64px;border-radius:14px;background:linear-gradient(135deg,#E6ECF8,#B3C1DE 50%,#7FDCFF);color:#0A1633;display:grid;place-items:center;text-align:center;font-family:var(--display);line-height:1}.lvl b{font-size:25px;display:block}.lvl span{font-size:9.5px;letter-spacing:.1em;font-weight:700}.player .title{font-family:var(--display);font-weight:600;font-size:17px}.player .sub{color:#B3C1DE;font-size:12.5px}.xpbar{height:10px;background:rgba(255,255,255,.12);overflow:hidden;margin-top:8px}.xpbar,.xpbar i{border-radius:99px}.xpbar i{display:block;height:100%;background:linear-gradient(90deg,#1F6BFF,#4FD1FF)}.stats{display:flex;gap:20px;text-align:center}.stats b{font-family:var(--display);font-size:21px;display:block}.stats span{font-size:10.5px;color:#9FB0D2;letter-spacing:.06em;text-transform:uppercase}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.tile b{font-family:var(--display);font-size:26px;display:block;line-height:1.15}.tile span{font-size:12px;color:var(--muted)}.next{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;border-left:4px solid var(--accent)}.next h3{font-size:18px;margin:4px 0}.next p{margin:0;color:var(--muted);max-width:60ch}.path{grid-gap:8px;gap:8px}.mod,.path{display:grid}.mod{grid-template-columns:34px minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:9px}.mod .dot{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-family:var(--display);font-size:13px;background:var(--surface-2);color:var(--muted)}.mod.done .dot{background:var(--good);color:#fff}.mod.current{border-color:var(--accent);background:var(--accent-soft)}.mod.current .dot{background:var(--accent);color:#fff}.mod.locked{opacity:.6}.mod .t{font-weight:600}.mod .d{font-size:12px;color:var(--muted)}.mod form{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.mod .score{width:74px}.bars{grid-gap:8px;gap:8px}.bar,.bars{display:grid}.bar{grid-template-columns:minmax(0,1fr) 48px;grid-gap:6px;gap:6px;font-size:12.5px}.bar .track{grid-column:1/-1;height:6px;background:var(--surface-2);border-radius:99px;overflow:hidden}.bar .track i{display:block;height:100%;background:var(--accent)}.bar .n{text-align:right;color:var(--muted)}.score-big{font-family:var(--display);font-size:40px;font-weight:700;line-height:1}.list{display:grid}.row{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line);flex-wrap:wrap}.row:first-child{border-top:0}.row .grow{flex:1 1;min-width:160px}.row .t{font-weight:600}.row .d{font-size:12px;color:var(--muted)}.boardwrap{overflow-x:auto;margin:0 -18px;padding:0 18px 6px}.board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(200px,1fr);grid-gap:10px;gap:10px;min-width:min-content}.lane{background:var(--surface-2);border-radius:9px;padding:10px;display:grid;grid-gap:8px;gap:8px;align-content:start;min-height:140px}.lane-h{display:flex;justify-content:space-between;font-size:11.5px;font-weight:700;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.cc{display:block;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:10px;text-decoration:none;color:var(--ink)}.cc:hover{border-color:var(--accent)}.cc b{display:block;font-size:13.5px}.cc .d{font-size:12px;color:var(--muted)}.cc .tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:7px}.refer{background:linear-gradient(160deg,var(--brand-2),var(--brand));color:var(--brand-fg);border:1px solid rgba(127,220,255,.2)}.refer .meta{color:#9FB0D2}.rtypes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.rtype{background:rgba(255,255,255,.05);border:1px solid rgba(179,193,222,.2);border-radius:10px;padding:14px;display:grid;grid-gap:8px;gap:8px;align-content:start;min-width:0}.rtype b{font-family:var(--display);font-size:15px}.rtype .reward{font-size:12px;color:#7FDCFF;font-weight:600}.rlink{background:rgba(0,0,0,.25);border-radius:7px;padding:8px 9px;font-family:ui-monospace,Menlo,monospace;font-size:11.5px;color:#C9D3E8;overflow-wrap:anywhere;-webkit-user-select:all;-moz-user-select:all;user-select:all}.auth{min-height:100vh;display:grid;place-items:center;padding:24px 16px;background:radial-gradient(circle at 20% 0,#16295A,#070F24 60%)}.auth .card{width:100%;max-width:420px}.auth form{display:grid;grid-gap:12px;gap:12px}.tabs{display:flex;gap:6px}.tabs a{flex:1 1;text-align:center;padding:8px;border-radius:8px;border:1px solid var(--line);text-decoration:none;color:var(--muted);font-weight:600}.tabs a.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}@media (max-width:960px){.grid{grid-template-columns:minmax(0,1fr)}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.rtypes{grid-template-columns:minmax(0,1fr)}}@media (max-width:560px){.player{grid-template-columns:auto minmax(0,1fr)}.stats{grid-column:1/-1;justify-content:space-around}.nav{margin-left:0}}.admin-row{align-items:flex-start}.admin-stats{display:flex;flex-wrap:wrap;gap:6px;flex:2 1;min-width:240px}.admin-checks{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.nav a.admin-link{color:#7FDCFF}.brand-lockup{display:inline-flex;flex-direction:column;align-items:center;text-decoration:none;width:232px;max-width:100%}.brand-lockup img{display:block;width:100%;height:auto;border-radius:12px;background:#fff}.brand-compact{width:148px;flex-shrink:0;gap:5px}.brand-compact img{border-radius:6px}.brand-compact span{color:#c9d3e8;font-size:9px;letter-spacing:.16em;text-transform:uppercase}.auth-stage{min-height:100svh;display:grid;align-items:center;padding:40px 28px;background:#080f1e;background-image:radial-gradient(ellipse at 10% 10%,#183552 0,transparent 55%)}.auth-shell{width:min(1120px,100%);margin:auto;display:grid;grid-template-columns:1.08fr 1fr;border:1px solid #30415a;border-radius:24px;overflow:hidden;box-shadow:0 28px 90px #02061066;animation:platinum-enter .65s ease-out both}.auth-story{position:relative;isolation:isolate;overflow:hidden;padding:40px 46px 28px;color:#eff4fc;background:#0c1c33;display:flex;flex-direction:column;align-items:flex-start}.auth-story:before{inset:0;background-image:linear-gradient(#99c3e70a 1px,transparent 0),linear-gradient(90deg,#99c3e70a 1px,transparent 0),radial-gradient(ellipse at 100% 60%,#14456a80,transparent 65%);background-size:40px 40px,40px 40px,auto;-webkit-mask-image:linear-gradient(130deg,transparent,#fff);mask-image:linear-gradient(130deg,transparent,#fff)}.auth-story:after,.auth-story:before{content:"";position:absolute;z-index:-1}.auth-story:after{width:370px;height:370px;border:1px solid #7fbce32b;border-radius:50%;right:-250px;top:30%;box-shadow:0 0 0 35px #7fbce30a,0 0 0 70px #7fbce308}.auth-story .brand-lockup{width:210px;margin-bottom:36px}.auth-kicker,.story-kicker{font-size:10px;font-weight:600;letter-spacing:.17em;margin:0 0 18px}.story-kicker{color:#a4d7ef;display:flex;gap:9px;align-items:center}.story-kicker span{width:6px;height:6px;border-radius:50%;background:#8ad4e7}.story-copy h1{font-size:clamp(30px,3.5vw,46px);line-height:1.15;letter-spacing:-.045em}.story-copy h1 em{font-style:normal;color:#9ed8f0}.story-intro{max-width:37ch;color:#afbed1;font-size:14px;line-height:1.8;margin:20px 0 28px}.story-path{display:grid;grid-gap:16px;gap:16px;margin-top:auto}.story-path>div{display:flex;align-items:center;gap:14px}.story-path>div>span{width:32px;height:32px;display:grid;place-items:center;border:1px solid #749bbb50;border-radius:9px;color:#9ed8f0;font-family:var(--display);font-size:11px;background:#13283e}.story-path p{margin:0}.story-path b{display:block;font-size:12px;font-weight:500}.story-path small{font-size:11px;color:#a9bbce}.story-footer{font-size:8px;letter-spacing:.14em;color:#9eafc4;margin:32px 0 0}.auth-panel{--ink:#14243c;--muted:#54647a;--surface:#fff;--line:#ced8e3;--bg:#f7f9fc;--accent:#185cc4;--bad-soft:#f8dedc;--bad:#9e3029;--good-soft:#dcf2e8;--good:#126b4a;color-scheme:light;color:var(--ink);background:#f7f9fc;padding:58px 46px 24px;display:flex;flex-direction:column;justify-content:center}.auth-panel-inner{width:100%;max-width:370px;margin:auto}.auth-kicker{color:#426084}.auth-title{font-size:34px;line-height:1.17;letter-spacing:-.04em;font-weight:600}.join-title{font-size:28px}.auth-description{color:var(--muted);font-size:13px;line-height:1.8;margin:16px 0 26px}.auth-tabs{gap:4px;padding:4px;background:#e7edf4;border-radius:11px;margin-bottom:26px}.auth-tabs a{border:0;font-size:12px;padding:10px}.auth-tabs a.on{background:#fff;color:#14243c;box-shadow:0 2px 6px #1c344012}.auth-panel form{display:grid;grid-gap:18px;gap:18px}.auth-panel .field{gap:7px}.auth-panel .field label{color:#364b65;font-size:12px}.auth-panel .input{padding:12px 13px;border-radius:9px;transition:border-color .2s,box-shadow .2s}.auth-panel .input:focus{border-color:#185cc4;box-shadow:0 0 0 3px #185cc412;outline:none}.password-help{font-size:11px;color:var(--muted)}.auth-panel .auth-submit{margin-top:5px;width:100%;display:flex;justify-content:space-between;align-items:center;padding:13px 17px;border-radius:9px;background:#185cc4;border-color:#185cc4;box-shadow:0 4px 10px #185cc41a;transition:transform .2s,background .2s}.auth-panel .auth-submit:hover:not(:disabled){background:#104ba6;transform:translateY(-2px)}.auth-submit span{font-size:20px;line-height:1}.auth-panel-footer{text-align:center;color:#617087;font-size:9px;padding-top:35px;margin:0}.auth-panel-footer span{padding-inline:5px}@keyframes platinum-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (max-width:800px){.auth-stage{padding:22px 16px}.auth-story{padding:32px 28px}.auth-panel{padding:40px 28px 24px}.auth-title{font-size:28px}}@media (max-width:620px){.auth-stage{padding:0}.auth-shell{grid-template-columns:minmax(0,1fr);border-radius:0;border:0}.auth-story{padding:26px 24px 28px}.auth-story .brand-lockup{width:166px;margin-bottom:24px}.story-kicker{font-size:9px;margin-bottom:12px}.story-copy h1{font-size:32px}.story-intro{margin:16px 0 0;font-size:13px;max-width:40ch}.story-footer,.story-path{display:none}.auth-panel{padding:32px 24px 22px}.auth-panel-inner{max-width:420px}.brand-compact{width:120px}}@media (prefers-reduced-motion:reduce){.auth-shell{animation:none}.auth-panel .auth-submit,.auth-panel .input{transition:none}.auth-panel .auth-submit:hover:not(:disabled){transform:none}}