:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f7ff;background:#030711;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0;overflow:hidden}button,input{font:inherit}.screen{min-height:100svh;position:relative;overflow:hidden}.intro{background:radial-gradient(circle at 50% 20%,#6691ff40,#0000 34%),linear-gradient(#0307118c,#030711f0),url(/assets/earth.jpg) 50%/cover;place-items:center;padding:24px;display:grid}.intro-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center;background:#040917a8;border:1px solid #ffffff29;border-radius:28px;width:min(560px,100%);padding:clamp(24px,5vw,44px);box-shadow:0 24px 80px #00000073}.eyebrow{color:#aebdfd;letter-spacing:.22em;text-transform:uppercase;margin:0 0 10px;font-size:.76rem}h1{letter-spacing:-.06em;margin:0;font-size:clamp(1.5rem,5vw,2.5rem);line-height:.95}.intro-sub{color:#f4f7ff8c;margin:12px 0 24px;font-size:.88rem;line-height:1.5}.class-picker{justify-content:center;gap:10px;margin-bottom:20px;display:flex}.class-btn{color:#f4f7ff73;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:18px 10px 14px;transition:background .18s,border-color .18s,color .18s,transform .18s;display:flex}.class-btn:hover{color:#f4f7ffcc;background:#ffffff14;transform:translateY(-2px)}.class-btn[data-class=Hunter].selected{color:#5a86a3;background:#5a86a324;border-color:#5a86a399}.class-btn[data-class=Titan].selected{color:#ac3033;background:#ac303324;border-color:#ac303399}.class-btn[data-class=Warlock].selected{color:#d29e26;background:#d29e2624;border-color:#d29e2699}.class-icon{justify-content:center;align-items:center;width:56px;height:56px;display:flex}.class-btn[data-class=Warlock] .class-icon{width:80px;height:40px}.class-icon svg{width:100%;height:100%}.class-name{letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:700}.upload-box{color:#f4f7ffd1;cursor:pointer;border:1px dashed #ffffff57;border-radius:18px;margin:0 auto 14px;padding:18px;display:block}.upload-box input{display:none}.primary,.ghost{cursor:pointer;border:0;border-radius:999px}.primary{color:#07101f;background:#f4f7ff;width:100%;padding:15px 22px;font-weight:800}.primary:disabled{opacity:.45;cursor:not-allowed}.ghost{color:#f4f7ff;background:#ffffff1f;border:1px solid #ffffff29;padding:10px 14px}.ghost:hover{background:#ffffff2e}.disclaimer{color:#f4f7ff94;margin-top:28px;font-size:.78rem;line-height:1.5}.petition-link{color:#aebdfdbf;letter-spacing:.02em;margin-top:16px;font-size:.82rem;text-decoration:none;transition:color .15s;display:inline-block}.petition-link:hover{color:#f0f4ff;text-decoration:underline}.orbit{background:linear-gradient(#03071129,#0307116b),url(/assets/earth.jpg) 50%/cover}.stars{opacity:.35;background-image:radial-gradient(circle,#ffffffd9 0 1px,#0000 1.5px),radial-gradient(circle,#aebdfda6 0 1px,#0000 1.5px);background-size:140px 140px,220px 220px;animation:80s linear infinite starDrift;position:absolute;inset:0}.vignette{pointer-events:none;background:radial-gradient(circle at 50% 45%,#0000 0 35%,#00000094 100%);position:absolute;inset:0}.hud{z-index:5;justify-content:space-between;align-items:start;gap:16px;padding:clamp(18px,4vw,42px);display:flex;position:relative}.hud h1{font-size:clamp(1.65rem,5vw,3.6rem)}.hud-right{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.class-counts{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.class-count-chip{border:1px solid color-mix(in srgb, var(--chip-color,white) 35%, transparent);color:var(--chip-color,#f4f7ffb3);background:#ffffff0d;border-radius:999px;align-items:center;gap:5px;padding:3px 10px 3px 5px;font-size:.7rem;display:inline-flex}.class-count-icon{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.class-count-icon svg{width:100%;height:100%}.class-count-label{letter-spacing:.04em;font-weight:600}.class-count-num{font-weight:700}.quest-toggle-btn{align-items:center;gap:8px;padding:8px 14px;display:flex}.quest-toggle-label{letter-spacing:.01em;font-size:.82rem;font-weight:500}.quest-badge{color:#aebdfd;background:#aebdfd40;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:.7rem;font-weight:700;line-height:1;transition:background .2s,color .2s;display:inline-flex}.quest-badge.badge-done{color:#70e0a0;background:#64dc9640}.clock-block{z-index:5;text-align:center;pointer-events:none;flex-direction:column;align-items:center;padding-top:8px;display:flex;position:relative}.clock-time{letter-spacing:-.05em;color:#f0f4ff;text-shadow:0 0 60px #78a0ff33;font-size:clamp(3.5rem,12vw,7rem);font-weight:200;line-height:1}.clock-date{letter-spacing:.14em;text-transform:uppercase;color:#aebdfdb3;margin-top:8px;font-size:.8rem}.clock-greeting{color:#f4f7ff7a;margin-top:6px;font-size:.9rem;font-style:italic}.ship-layer{z-index:3;pointer-events:none;position:absolute;inset:0}.ship{object-fit:contain;filter:drop-shadow(0 18px 28px #0000009e);-webkit-user-select:none;user-select:none;width:clamp(110px,18vw,260px);height:auto;position:absolute}.my-ship{animation:3.4s cubic-bezier(.18,.89,.26,1.02) both enterOrbit,7s ease-in-out 3.4s infinite idleFloat;top:58%;left:50%;transform:translate(-50%,-50%)}.other-ship{opacity:.74;width:clamp(70px,10vw,150px);animation:4s ease-out both otherEnter,8s ease-in-out 4s infinite idleFloat}.ship-0{top:38%;left:12%}.ship-1{top:34%;left:70%}.ship-2{top:68%;left:18%}.ship-3{top:64%;left:78%}.ship-4{top:22%;left:43%}.ship-5{top:76%;left:49%}.quest-panel{z-index:20;-webkit-backdrop-filter:blur(24px);opacity:0;pointer-events:none;background:#040a1cd1;border:1px solid #ffffff1f;border-radius:20px;width:320px;padding:18px 20px 16px;transition:opacity .22s,transform .22s;position:fixed;bottom:48px;right:32px;transform:translateY(12px)scale(.97);box-shadow:0 20px 60px #00000080}.quest-panel.open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.quest-panel-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.quest-panel-title{letter-spacing:.2em;text-transform:uppercase;color:#aebdfd;font-size:.72rem;font-weight:600}.quest-panel-meta{align-items:center;gap:10px;display:flex}.quest-count-text{color:#aebdfd80;font-size:.72rem}.quest-close-btn{color:#ffffff59;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:.78rem;line-height:1;transition:color .15s,background .15s}.quest-close-btn:hover{color:#ffffffbf;background:#ffffff14}.quest-progress-bar{background:#ffffff14;border-radius:999px;height:2px;margin-bottom:14px;overflow:hidden}.quest-progress-fill{background:linear-gradient(90deg,#648cffb3,#aebdfde6);border-radius:999px;width:0%;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.quest-list{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;flex-direction:column;gap:2px;max-height:240px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.quest-list::-webkit-scrollbar{width:4px}.quest-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.quest-item{border-radius:10px;align-items:center;gap:10px;padding:7px 6px;transition:background .14s;display:flex}.quest-item:hover{background:#ffffff0d}.quest-check{cursor:pointer;color:#0000;background:0 0;border:1.5px solid #aebdfd66;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:border-color .18s,background .18s,color .18s;display:flex}.quest-check:hover{background:#aebdfd1a;border-color:#aebdfdcc}.quest-item.done .quest-check{color:#aebdfd;background:#64a0ff33;border-color:#64a0ffb3}.quest-text{color:#f4f7ffd9;word-break:break-word;flex:1;font-size:.88rem;line-height:1.4;transition:color .2s}.quest-item.done .quest-text{color:#aebdfd59;-webkit-text-decoration:line-through #aebdfd40;text-decoration:line-through #aebdfd40}.quest-del{color:#ffffff2e;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:3px 5px;font-size:.7rem;line-height:1;transition:opacity .14s,color .14s,background .14s}.quest-item:hover .quest-del{opacity:1}.quest-del:hover{color:#ff6464cc;background:#ff64641a}.quest-add-row{border-top:1px solid #ffffff12;align-items:center;gap:8px;margin-top:12px;padding-top:12px;display:flex}.quest-input{color:#f4f7ffd1;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;flex:1;padding:7px 10px;font-size:.82rem;transition:border-color .15s,background .15s}.quest-input::placeholder{color:#aebdfd47}.quest-input:focus{background:#ffffff14;border-color:#aebdfd73}.quest-add-btn{color:#aebdfd;cursor:pointer;white-space:nowrap;background:#648cff2e;border:1px solid #648cff52;border-radius:8px;flex-shrink:0;padding:7px 14px;font-size:.78rem;transition:background .15s,border-color .15s}.quest-add-btn:hover{background:#648cff47;border-color:#648cff80}.petition-btn{z-index:10;letter-spacing:.02em;color:#aebdfde6;cursor:pointer;background:#aebdfd1a;border:1px solid #aebdfd40;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:.78rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex;position:absolute;bottom:14px;left:clamp(18px,4vw,42px)}.petition-btn:hover{color:#f0f4ff;background:#aebdfd33;border-color:#aebdfd80}.orbit-footer{z-index:5;color:#f4f7ff61;text-align:right;font-size:.72rem;position:absolute;bottom:14px;left:clamp(18px,4vw,42px);right:clamp(18px,4vw,42px)}@keyframes enterOrbit{0%{opacity:0;transform:translate(85vw,12vh)scale(.82)rotate(2deg)}to{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}}@keyframes otherEnter{0%{opacity:0;transform:translate(40vw)scale(.86)}to{opacity:.74;transform:translate(0)scale(1)}}@keyframes idleFloat{0%,to{translate:0}50%{translate:0 -14px}}@keyframes starDrift{0%{background-position:0 0,0 0}to{background-position:600px 300px,-400px 500px}}@media (width<=720px){.hud{flex-direction:column}.hud-right{flex-direction:row;align-items:center;gap:8px}.clock-time{font-size:clamp(3rem,18vw,4.5rem)}.ship{width:clamp(120px,40vw,190px)}.other-ship{width:clamp(62px,22vw,108px)}.ship-3,.ship-4,.ship-5{display:none}.quest-panel{border-radius:16px;width:calc(100vw - 32px);max-width:340px;bottom:56px;left:16px;right:auto}.class-btn{gap:7px;padding:14px 6px 10px}.class-icon{width:44px;height:44px}.class-btn[data-class=Warlock] .class-icon{width:64px;height:32px}.petition-btn{padding:6px 12px;font-size:.7rem}.orbit-footer{display:none}}