@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700;900&family=ZCOOL+XiaoWei&display=swap";:root{--ink:#080d1c;--surface:#0c1528bd;--surface-strong:#111b31;--gold:#e8bb63;--gold-pale:#fff0c4;--jade:#65c69c;--violet:#aaa4ff;--muted:#aab3c8;--line:#e8bb6345;--danger:#ef8f92;color:#f8f2e5;background:var(--ink);font-family:Noto Serif SC,serif}*{box-sizing:border-box}html{background:var(--ink);min-width:320px}body{min-width:320px;min-height:100dvh;margin:0;overflow-x:hidden}button,input,textarea,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,a{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #f6d681}.cosmos{z-index:-2;background:radial-gradient(circle at 50% 20%,#1a2d4d 0%,#0b1228 35%,#080d1c 76%);position:fixed;inset:0;overflow:hidden}.stars,.stars:before,.stars:after{content:"";opacity:.42;background-image:radial-gradient(#fff8d7 1px,#0000 1.5px);background-size:77px 83px;position:absolute;inset:0}.stars{animation:26s linear infinite drift}.stars-two{opacity:.24;background-image:radial-gradient(#8bc8ff 1px,#0000 1.6px);background-size:121px 137px;animation-duration:43s;animation-direction:reverse}.nebula{filter:blur(12px);opacity:.3;border-radius:50%;position:absolute}.n-one{background:radial-gradient(circle,#6051b5,#0000 68%);width:42rem;height:42rem;top:5%;left:-18rem}.n-two{background:radial-gradient(circle,#14715d,#0000 68%);width:40rem;height:38rem;bottom:-8rem;right:-17rem}.formation{aspect-ratio:1;border:1px solid #e8bb631a;border-radius:50%;width:min(72vw,880px);animation:80s linear infinite rotate;position:absolute;top:48%;left:50%;translate:-50% -50%;box-shadow:0 0 0 60px #8c6cff05,0 0 0 120px #e8bb6303}.site-header{z-index:5;border-bottom:1px solid #e8bb6321;justify-content:space-between;align-items:center;width:min(1180px,100% - 40px);height:76px;margin:auto;display:flex;position:relative}.brand,.return-link{color:var(--gold-pale);letter-spacing:.14em;align-items:center;gap:10px;font-weight:600;text-decoration:none;display:inline-flex}.brand-seal{border:1px solid var(--gold);width:34px;height:34px;color:var(--gold);border-radius:50%;place-items:center;font-family:ZCOOL XiaoWei,serif;display:grid;box-shadow:0 0 18px #e8bb6338}.return-link{color:#d2c8b1;letter-spacing:.04em;font-size:.82rem}.return-link svg{transform:rotate(180deg)}main{width:min(1180px,100% - 40px);margin:0 auto;padding:clamp(48px,8vw,95px) 0 80px}.board{text-align:center;min-height:calc(100dvh - 156px)}.eyebrow{color:var(--gold);letter-spacing:.28em;margin:0 0 12px;font-size:.75rem;font-weight:700}.board h1,.page-heading h1,.tier-hero h1{letter-spacing:.11em;color:#fff6dc;text-shadow:0 0 30px #e8bb633b,0 0 70px #765eff40;margin:0;font-family:ZCOOL XiaoWei,Noto Serif SC,serif;font-size:clamp(3.7rem,10vw,7.8rem);line-height:.98}.hero-copy{color:#c4c9d9;max-width:36rem;margin:25px auto 42px;font-size:1.02rem;line-height:1.8}.tier-path{gap:12px;width:min(790px,100%);margin:auto;display:grid}.tier-gate{isolation:isolate;color:#fff8e6;border:1px solid color-mix(in srgb, var(--tier) 40%, transparent);background:linear-gradient(100deg, color-mix(in srgb, var(--tier) 13%, transparent), #0c1326b8 47%, #0c132657);min-height:94px;animation:emerge .55s both var(--delay);grid-template-columns:70px 1fr auto 24px;align-items:center;gap:18px;padding:12px 26px 12px 14px;text-decoration:none;transition:transform .24s,border-color .24s,box-shadow .24s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #ffffff04,0 16px 35px #0000002e}.tier-gate:after{content:"";z-index:-1;background:linear-gradient(100deg, transparent, color-mix(in srgb, var(--tier) 18%, transparent), transparent);transition:transform .55s;position:absolute;inset:0;transform:translate(-115%)}.tier-gate:hover{border-color:var(--tier);box-shadow:0 0 28px color-mix(in srgb, var(--tier) 25%, transparent), 0 20px 35px #00000040;transform:translateY(-3px)}.tier-gate:hover:after{transform:translate(115%)}.gate-orbit{aspect-ratio:1;border:1px dashed color-mix(in srgb, var(--tier) 60%, transparent);border-radius:50%;width:76px;animation:14s linear infinite rotate;position:absolute;left:10px}.gate-seal{z-index:1;aspect-ratio:1;border:1px solid var(--tier);width:54px;color:var(--tier);box-shadow:inset 0 0 20px color-mix(in srgb, var(--tier) 14%, transparent), 0 0 20px color-mix(in srgb, var(--tier) 18%, transparent);border-radius:50%;place-items:center;font-family:ZCOOL XiaoWei,serif;font-size:1.7rem;display:grid}.gate-info{text-align:left;gap:5px;display:grid}.gate-info strong{letter-spacing:.13em;font-size:1.14rem}.gate-info small,.gate-count{color:#b7bccc;font-size:.76rem}.gate-count{white-space:nowrap;font-family:monospace}.tier-gate>svg{color:var(--tier)}.import-portal{text-align:left;color:#b4b9ca;background:#080d1c66;border:1px solid #ffffff1f;align-items:center;gap:11px;width:fit-content;margin:36px 0 0 auto;padding:10px 14px;text-decoration:none;transition:border-color .2s,color .2s;display:flex}.import-portal:hover{border-color:var(--gold);color:var(--gold-pale)}.import-portal span{gap:2px;display:grid}.import-portal strong{letter-spacing:.08em;font-size:.82rem}.import-portal small{font-size:.68rem}.page-heading{max-width:670px}.page-heading h1,.tier-hero h1{font-size:clamp(3rem,7vw,5.7rem)}.page-heading>p:last-child,.tier-hero p:last-child{color:#b8c1d2;max-width:49rem;line-height:1.85}.task-form{border:1px solid var(--line);background:linear-gradient(135deg,#192541bf,#080d1ca6);max-width:850px;margin-top:42px;padding:clamp(22px,4vw,42px);box-shadow:0 25px 60px #00000040}.form-grid{grid-template-columns:1fr .45fr;gap:18px;display:grid}.task-form label{color:#f2dfaf;gap:9px;margin-bottom:20px;font-size:.9rem;display:grid}.task-form label span{color:var(--danger)}.task-form input,.task-form textarea,.task-form select{color:#faf5e9;background:#03081594;border:1px solid #e7d9af40;border-radius:2px;width:100%;min-height:48px;padding:12px 14px;transition:border-color .2s,box-shadow .2s}.task-form textarea{resize:vertical;line-height:1.7}.task-form input::placeholder,.task-form textarea::placeholder{color:#7b8499}.task-form input:focus,.task-form textarea:focus,.task-form select:focus{border-color:var(--gold);outline:0;box-shadow:0 0 0 3px #e8bb6326}.manuscript{background:#e8bb6309;border:1px dashed #e8bb6366;justify-content:space-between;align-items:center;gap:18px;margin:2px 0 26px;padding:18px;display:flex}.manuscript>div{gap:5px;min-width:0;display:grid}.small-label{color:var(--gold);letter-spacing:.13em;font-size:.71rem}.manuscript strong{text-overflow:ellipsis;white-space:nowrap;font-size:.93rem;overflow:hidden}.manuscript small{color:#9ea8bd;font-size:.75rem}.primary-button,.secondary-button,.download-button{border:1px solid var(--gold);color:#1a1520;letter-spacing:.06em;background:linear-gradient(135deg,#f4d682,#cf9144);justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 17px;font-weight:700;text-decoration:none;transition:translate .2s,filter .2s,box-shadow .2s;display:inline-flex}.primary-button:hover,.download-button:hover{filter:brightness(1.1);translate:0 -2px;box-shadow:0 7px 19px #e8bb6333}.primary-button:disabled{opacity:.58;cursor:wait;translate:none}.secondary-button{color:var(--gold-pale);white-space:nowrap;background:0 0;border-color:#e8bb638c}.secondary-button:hover{background:#e8bb631f}.publish{min-width:168px}.visually-hidden,.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.toast{z-index:50;border:1px solid var(--gold);color:#fff5d4;background:#151d36;max-width:calc(100% - 36px);padding:13px 20px;animation:.25s ease-out toast-in;position:fixed;bottom:28px;left:50%;translate:-50%;box-shadow:0 10px 30px #0006}.skip-link{z-index:100;color:#15111b;background:#fff3c8;padding:10px;position:fixed;top:8px;left:10px;translate:0 -150%}.skip-link:focus{translate:0}.tier-hero{border-bottom:1px solid color-mix(in srgb, var(--tier) 33%, transparent);align-items:center;gap:25px;padding-bottom:37px;display:flex}.tier-crest{aspect-ratio:1;border:1px solid var(--tier);width:94px;color:var(--tier);box-shadow:0 0 40px color-mix(in srgb, var(--tier) 20%, transparent), inset 0 0 30px color-mix(in srgb, var(--tier) 10%, transparent);border-radius:50%;flex:none;place-items:center;font-family:ZCOOL XiaoWei,serif;font-size:3.2rem;display:grid}.task-list{gap:20px;max-width:900px;margin-top:34px;display:grid}.task-card{background:#0c1426c2;border:1px solid #e1e8f524;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000002b}.task-card.unclaimed{background:linear-gradient(135deg,#27303ead,#141a26b3);border-color:#9ca6b74d}.task-card.claimed{border-color:color-mix(in srgb, var(--tier) 45%, transparent)}.task-card.claimed:before{content:"";background:color-mix(in srgb, var(--tier) 16%, transparent);filter:blur(24px);border-radius:50%;width:220px;height:220px;position:absolute;top:-110px;right:-80px}.task-top{justify-content:space-between;gap:20px;padding:26px 28px 0;display:flex;position:relative}.task-status{color:#bac3d3;align-items:center;gap:7px;font-size:.76rem;display:inline-flex}.claimed .task-status{color:var(--tier)}.task-card h2{letter-spacing:.04em;color:#fbf3df;margin:9px 0 0;font-size:clamp(1.4rem,3vw,2rem)}.download-button{flex:none;align-self:center;font-size:.8rem}.task-description{color:#cbd1dc;max-width:67ch;padding:0 28px;line-height:1.8}.accord{border-top:1px solid #ffffff1a;margin-top:22px}.accord-toggle{color:#e9d7a5;text-align:left;background:#ffffff06;border:0;justify-content:space-between;align-items:center;width:100%;min-height:54px;padding:0 28px;font-weight:600;display:flex}.accord-toggle:hover{background:#e8bb6314}.accord-toggle[aria-expanded=true] svg{rotate:180deg}.accord-body{padding:0 28px 26px;animation:.22s ease-out unfold}.claim-form{align-items:end;gap:14px;display:flex}.claim-form label{color:#c4cbda;flex:1;gap:8px;font-size:.78rem;display:grid}.claim-form input{color:#fff8e9;background:#080e1d;border:1px solid #e8bb636e;min-height:44px;padding:8px 11px}.claimed-name{align-content:center;gap:3px;min-height:106px;display:grid;position:relative;overflow:hidden}.claimed-name:before{content:"";background:radial-gradient(ellipse, color-mix(in srgb, var(--tier) 28%, transparent), transparent 67%);filter:blur(10px);width:220px;height:160px;animation:2.3s ease-in-out infinite breathe;position:absolute;inset:-40px auto auto 10%}.claimed-name span,.claimed-name strong,.claimed-name button{position:relative}.claimed-name span{color:#c5cbd9;letter-spacing:.14em;font-size:.74rem}.claimed-name strong{color:#fff0bd;letter-spacing:.17em;width:fit-content;text-shadow:0 0 8px var(--tier), 0 0 23px color-mix(in srgb, var(--tier) 74%, transparent), 0 0 50px color-mix(in srgb, var(--tier) 45%, transparent);font-family:ZCOOL XiaoWei,serif;font-size:clamp(1.8rem,5vw,3.2rem);animation:2.4s ease-in-out infinite name-shine}.text-button{color:#abb4c4;background:0 0;border:0;padding:8px;font-size:.73rem;text-decoration:underline;top:18px;right:0;position:absolute!important}.text-button:hover{color:var(--danger)}.empty-state{text-align:center;border:1px dashed color-mix(in srgb, var(--tier) 35%, transparent);background:#0c132680;max-width:640px;margin:42px auto;padding:62px 28px}.empty-sigil{aspect-ratio:1;width:54px;color:var(--tier);border:1px solid var(--tier);border-radius:50%;place-items:center;font-family:ZCOOL XiaoWei,serif;font-size:1.7rem;display:inline-grid}.empty-state h2{margin:22px 0 7px;font-size:1.45rem}.empty-state p{color:#b2bbcd;margin:0 0 24px;line-height:1.8}@keyframes rotate{to{rotate:360deg}}@keyframes drift{to{transform:translateY(-83px)}}@keyframes emerge{0%{opacity:0;transform:translateY(17px)}to{opacity:1;transform:translateY(0)}}@keyframes unfold{0%{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{50%{opacity:.42;transform:scale(1.2)}}@keyframes name-shine{50%{filter:brightness(1.32)}}@keyframes toast-in{0%{opacity:0;translate:-50% 12px}to{opacity:1;translate:-50%}}@media (width<=650px){.site-header,main{width:min(100% - 28px,1180px)}.site-header{height:65px}.brand{font-size:.88rem}.board{min-height:auto}.board h1{font-size:clamp(3.35rem,18vw,5.2rem)}.hero-copy{margin-bottom:30px}.tier-gate{grid-template-columns:56px 1fr 18px;gap:13px;min-height:88px;padding:10px 16px 10px 10px}.gate-orbit{width:61px;left:7px}.gate-seal{width:46px;font-size:1.4rem}.gate-count{display:none}.gate-info strong{font-size:1rem}.gate-info small{line-height:1.35}.import-portal{margin-top:28px}.form-grid{grid-template-columns:1fr;gap:0}.manuscript{display:grid}.secondary-button{justify-self:start}.tier-hero{align-items:start;gap:15px}.tier-crest{width:66px;font-size:2.2rem}.tier-hero h1{font-size:3rem}.task-top{padding:22px 19px 0;display:grid}.task-description{padding:0 19px}.download-button{justify-self:start}.accord-toggle{padding:0 19px}.accord-body{padding:0 19px 22px}.claim-form{display:grid}.claim-form .primary-button{justify-self:start}.claimed-name strong{font-size:2.25rem}.text-button{top:25px}.page-heading h1{font-size:3.7rem}}.cosmos{background:radial-gradient(circle at 50% 18%,#1b3156 0%,#101731 37%,#070b18 78%)}.cosmos:before{content:"";opacity:.32;background:repeating-linear-gradient(112deg,#0000 0 58px,#88cbff06 59px,#0000 60px 112px);animation:18s ease-in-out infinite alternate veil-shift;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 38%,#000,#0000 82%);mask-image:radial-gradient(circle at 50% 38%,#000,#0000 82%)}.cosmic-canvas{z-index:1;pointer-events:none;opacity:.94;width:100%;height:100%;position:absolute;inset:0}.cosmos .stars{opacity:.2}.cosmos .stars-two{opacity:.14}.cosmos .nebula{filter:blur(18px);opacity:.4;mix-blend-mode:screen}.cosmos .n-one{animation:15s ease-in-out infinite alternate nebula-one;top:1%}.cosmos .n-two{animation:19s ease-in-out infinite alternate nebula-two}.cosmos .formation{z-index:0;border-color:#e8bb6324;width:min(76vw,930px);animation-duration:70s;box-shadow:0 0 0 60px #8c6cff05,0 0 0 120px #e8bb6304,inset 0 0 90px #546fbe09}.formation:before,.formation:after{content:"";border-radius:inherit;border:1px dashed #82cac41c;position:absolute;inset:8%}.formation:after{border-style:solid;border-color:#aaa4ff1a;inset:23%;box-shadow:0 -310px 70px -300px #e8bb6380,0 310px 70px -300px #6edec266}.cosmos .formation-inner{border-style:dashed;border-color:#aaa4ff1c;width:min(48vw,590px);animation-duration:46s;animation-direction:reverse;top:45%}.brand{text-shadow:0 0 18px #e8bb6340;gap:11px;position:relative}.brand:after{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);opacity:0;height:1px;transition:transform .25s,opacity .25s;position:absolute;bottom:-8px;left:45px;right:0;transform:scaleX(.25)}.brand:hover:after{opacity:.75;transform:scaleX(1)}.brand .brand-seal{width:38px;height:38px;color:var(--gold-pale);background:radial-gradient(circle,#e8bb632e,#0a0f1eb3);font-size:.9rem;animation:3.8s ease-in-out infinite seal-pulse;box-shadow:0 0 20px #e8bb6347,inset 0 0 13px #e8bb632e}.tier-gate{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.tier-gate:before{content:"";z-index:-1;opacity:0;background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--tier) 22%, transparent), transparent 45%);transition:opacity .25s;position:absolute;inset:-2px}.tier-gate:hover:before{opacity:1}.import-portal{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}@keyframes veil-shift{to{opacity:.52;transform:translate(4%,-2%)scale(1.08)}}@keyframes nebula-one{to{opacity:.52;transform:translate(8vw,5vh)scale(1.14)}}@keyframes nebula-two{to{opacity:.55;transform:translate(-7vw,-8vh)scale(1.18)}}@keyframes seal-pulse{50%{filter:brightness(1.15);box-shadow:0 0 32px #e8bb6373,inset 0 0 17px #e8bb6347}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}