:root{--night: #10162A;--panel: rgb(22 28 48 / .84);--panel-solid: #1C2440;--cream: #ECE5D8;--cream-ink: #4A5366;--gold: #D3BC8E;--gold-bright: #F2D69B;--text: #ECE5D8;--text-2: #A9B0C2;--badge: #313131;--wrong: #C9675C;--line: rgb(211 188 142 / .35);--t1: #14284A;--t2: #D3BC8E;--f-display: "Cinzel", "Times New Roman", serif;--f-ui: "Nunito", "Helvetica Neue", Arial, sans-serif;--t-xs: .8125rem;--t-sm: .9375rem;--t-md: 1.0625rem;--t-lg: 1.375rem;--t-xl: clamp(1.75rem, 3.4vw, 2.6rem);--t-2xl: clamp(2.4rem, 6vw, 4.5rem);--t-hero: clamp(3rem, 9vw, 7.5rem);--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 72px;--margin: clamp(16px, 4vw, 56px);--ease: cubic-bezier(.2, .7, .2, 1);--fast: .18s;--med: .45s;--slow: 1.1s}@media (prefers-reduced-motion: reduce){:root{--fast: 0ms;--med: 0ms;--slow: 0ms}}@font-face{font-family:Genshin;src:url(/fonts/genshin.woff2) format("woff2");font-weight:100 900;font-display:swap}:root{--f-genshin: "Genshin", "HYWenHei 85W", "HYWenHei-85W", "Noto Sans SC", "Helvetica Neue", Arial, sans-serif;--f-ui: var(--f-genshin)}*,*:before,*:after{box-sizing:border-box;margin:0}html{background:var(--night);color:var(--text);scroll-behavior:smooth;scroll-padding-top:84px}body{min-height:100svh;background:var(--night);font:500 var(--t-md)/1.65 var(--f-ui);-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input{font:inherit;color:inherit}a{color:var(--gold-bright);text-underline-offset:3px}:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}.i{width:1em;height:1em;fill:currentColor;flex:none}.display{font-family:var(--f-display);font-weight:700;letter-spacing:.02em;line-height:1.1}.muted{color:var(--text-2)}.small{font-size:var(--t-sm)}b{color:#fff;font-weight:700}h2,h3,legend{font-family:var(--f-genshin);font-weight:700}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:var(--night)}.bg>*{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.wall-poster{background:center / cover no-repeat;transition:background-image .6s var(--ease)}.wall{object-fit:cover;opacity:0;transition:opacity 1s var(--ease)}.wall.on{opacity:1}.bg-veil{background:radial-gradient(ellipse at 50% 35%,#0a0e1c40 20%,#0a0e1cb3),linear-gradient(180deg,#0a0e1c73,#0a0e1c59 40%,#0a0e1ccc)}.hud{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;gap:var(--s-4);padding:var(--s-3) var(--margin);transition:background var(--med) var(--ease),box-shadow var(--med)}.hud.solid{background:#0c0e18b8;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:0 1px #ffffff14}.hud-brand{display:inline-flex;align-items:center;gap:var(--s-2);text-decoration:none;font-family:var(--f-display);font-weight:700;font-size:1.1rem;letter-spacing:.06em;color:var(--cream);text-shadow:0 1px 8px rgb(0 0 0 / .5);white-space:nowrap}.hud-brand .i{color:var(--gold-bright)}.hud-nav{display:flex;gap:var(--s-5);margin-left:auto}.hud-nav a{color:var(--cream);text-decoration:none;font-size:var(--t-sm);opacity:.85;transition:opacity var(--fast)}.hud-nav a:hover{opacity:1;color:var(--gold-bright)}.hud-btn{width:40px;height:40px;border-radius:50%;border:1.5px solid rgb(236 229 216 / .7);background:#10162a8c;color:var(--cream);display:grid;place-items:center;cursor:pointer;font-size:18px;flex:none;transition:background var(--fast),border-color var(--fast),transform var(--fast)}.hud-btn:hover{background:#ece5d82e;border-color:var(--cream);transform:scale(1.06)}.hud-btn[aria-pressed=false]{opacity:.6}.hud-btn[aria-pressed=false]:after{content:"";position:absolute;width:22px;height:1.5px;background:var(--cream);transform:rotate(-45deg)}.hud-btn{position:relative}.hud-btn[aria-pressed=true]{border-color:var(--gold-bright);color:var(--gold-bright);box-shadow:0 0 16px -4px var(--gold-bright)}main{position:relative;z-index:2;padding:0 var(--margin)}.btn{display:inline-flex;align-items:center;gap:var(--s-3);min-height:52px;padding:6px var(--s-6) 6px 6px;border-radius:999px;border:0;cursor:pointer;text-decoration:none;font-weight:700;font-size:var(--t-md);white-space:nowrap;background:var(--cream);color:var(--cream-ink);box-shadow:0 0 0 1px #00000026,0 6px 18px -8px #0009;transition:transform var(--fast) var(--ease),box-shadow var(--fast) var(--ease)}.btn .badge{width:40px;height:40px;border-radius:50%;background:var(--badge);display:grid;place-items:center;color:var(--gold-bright);font-size:20px;box-shadow:inset 0 0 0 2px #4a4a4a}.btn:hover{box-shadow:0 0 0 3px #ffffff8c,0 8px 22px -8px #0009}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:progress;box-shadow:none;transform:none}.btn-ghost{background:#10162a8c;color:var(--cream);box-shadow:inset 0 0 0 1.5px #ece5d899}.btn-ghost .badge{background:transparent;box-shadow:none;color:var(--cream);width:32px;height:32px}.btn-ghost:hover{background:#ece5d824;box-shadow:inset 0 0 0 1.5px var(--cream)}.btn-sm{min-height:40px;padding:4px var(--s-5) 4px 4px;font-size:var(--t-sm)}.btn-sm .badge{width:32px;height:32px;font-size:16px}.panel{position:relative;background:#0c0e18a8;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid rgb(255 255 255 / .12);border-radius:16px;box-shadow:0 30px 80px -30px #000000d9;padding:clamp(var(--s-5),3vw,var(--s-6))}.eyebrow{font-family:var(--f-display);font-size:var(--t-sm);letter-spacing:.28em;text-transform:uppercase;color:var(--gold-bright);text-shadow:0 1px 8px rgb(0 0 0 / .6)}.eyebrow-star{display:inline-flex;align-items:center;gap:var(--s-2);color:var(--gold-bright);font-size:var(--t-sm)}.facts{display:flex;gap:var(--s-3);flex-wrap:wrap;list-style:none;padding:0}.facts li{display:inline-flex;align-items:center;gap:var(--s-2);padding:var(--s-1) var(--s-4);border-radius:999px;background:#0c0e188c;border:1px solid rgb(255 255 255 / .14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:var(--t-sm);color:var(--cream)}.facts .i{color:var(--gold-bright)}.hero{min-height:100svh;display:grid;align-content:center;justify-items:start;gap:var(--s-4);padding:96px 0 var(--s-7);max-width:1100px}.hero-title{font-size:clamp(3.4rem,12vw,9.5rem);line-height:.95;color:#fff;text-shadow:0 4px 40px rgb(0 0 0 / .6);display:grid}.hero-title .line{animation:rise 1s var(--ease) both}.hero-title .line+.line{animation-delay:.14s;color:var(--gold-bright)}@keyframes rise{0%{opacity:0;transform:translateY(24px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}.hero-sub{font-family:var(--f-genshin);font-size:var(--t-xl);font-weight:700;color:var(--gold);text-shadow:0 2px 16px rgb(0 0 0 / .6)}.hero-lede{font-size:var(--t-lg);max-width:34ch;color:var(--cream);text-shadow:0 1px 10px rgb(0 0 0 / .7)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--s-3);margin-top:var(--s-3)}.hero .facts{margin-top:var(--s-3)}.section{max-width:1180px;margin:0 auto;padding:var(--s-8) 0}.section-head{display:grid;gap:var(--s-2);margin-bottom:var(--s-6);max-width:64ch}.section-head h2{font-size:var(--t-2xl);line-height:1.15;color:#fff;text-shadow:0 2px 30px rgb(0 0 0 / .6)}.section-head .muted{color:var(--cream);font-size:var(--t-lg);text-shadow:0 1px 10px rgb(0 0 0 / .7)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.in{opacity:1;transform:none}.welcome{display:grid;gap:var(--s-3);max-width:820px;font-size:var(--t-lg);line-height:1.7}.welcome p:last-child{color:var(--cream)}.timeline{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-4)}.timeline li{display:grid;gap:2px}.timeline .day{font-size:clamp(3.5rem,7vw,5rem);color:var(--gold-bright);line-height:1}.timeline .month{font-family:var(--f-display);letter-spacing:.2em;text-transform:uppercase;color:var(--text-2);font-size:var(--t-sm)}.timeline h3{font-size:var(--t-lg);color:#fff;margin-top:var(--s-3)}.timeline p{color:var(--text-2)}.nations-title{font-size:clamp(2.6rem,6.5vw,4.8rem)!important;letter-spacing:.04em;color:var(--gold-bright)!important}.nations-lede{font-family:var(--f-genshin);font-weight:500;font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.6;color:var(--cream);text-shadow:0 1px 12px rgb(0 0 0 / .8)}.nations{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:var(--s-4)}.nation{position:relative;isolation:isolate;overflow:hidden;display:grid;align-content:end;gap:2px;aspect-ratio:3 / 4;padding:var(--s-5);border-radius:16px;color:var(--cream);text-decoration:none;cursor:pointer;box-shadow:0 0 0 1px #ffffff1f,0 24px 50px -24px #000000e6;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}.nation img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2;transform:scale(1.02);filter:saturate(.9) brightness(.85);transition:transform 1.2s var(--ease),filter .45s var(--ease)}.nation:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#080a1200 35%,#080a12e6);transition:opacity .45s var(--ease)}.nation:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid rgb(242 214 155 / .35);border-radius:10px;z-index:1;pointer-events:none;transition:border-color .45s var(--ease),inset .45s var(--ease),box-shadow .45s var(--ease)}.nation:hover,.nation:focus-visible{transform:translateY(-6px);box-shadow:0 0 0 1.5px var(--c),0 30px 60px -24px #000000f2,0 0 60px -18px var(--c)}.nation:hover img,.nation:focus-visible img{transform:scale(1.1);filter:saturate(1.1) brightness(1)}.nation:hover:before,.nation:focus-visible:before{top:12px;right:12px;bottom:12px;left:12px;border-color:var(--c);box-shadow:inset 0 0 30px -12px var(--c)}.element{justify-self:start;display:inline-flex;align-items:center;gap:6px;font-size:var(--t-xs);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--c);text-shadow:0 1px 6px rgb(0 0 0 / .9)}.element:before{content:"";width:9px;height:9px;transform:rotate(45deg);background:var(--c);box-shadow:0 0 10px var(--c)}.nation h3{font-size:1.9rem;color:#fff;line-height:1.15;text-shadow:0 2px 12px rgb(0 0 0 / .8)}.nation .title{color:#ece5d8d9;font-size:var(--t-sm)}.nation .open{display:inline-flex;align-items:center;gap:6px;justify-self:start;margin-top:var(--s-3);font-size:var(--t-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;padding:5px 14px;border-radius:999px;background:#0c0e188c;border:1px solid rgb(255 255 255 / .25);opacity:0;transform:translateY(8px);transition:opacity .35s var(--ease),transform .35s var(--ease),border-color .35s}.nation:hover .open,.nation:focus-visible .open{opacity:1;transform:none;border-color:var(--c)}@media (hover: none){.nation .open{opacity:1;transform:none}}.rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-4)}.rule-card{display:grid;gap:var(--s-4);align-content:start;font-size:clamp(1.1rem,1.6vw,1.25rem);line-height:1.65}.rule-card h3{font-size:clamp(1.5rem,2.6vw,1.9rem);color:var(--gold-bright)}.rule-card ul{display:grid;gap:var(--s-3);padding-left:1.2em;color:var(--cream)}.rule-card li::marker{content:"✦  ";color:var(--gold);font-size:.8em}.segments{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3)}.segments div{display:grid;gap:2px;padding:var(--s-3) var(--s-4);border-radius:12px;background:#ffffff0d;border:1px solid rgb(255 255 255 / .08)}.segments small{font-family:var(--f-display);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-size:var(--t-xs)}.segments span{color:var(--text-2);font-size:var(--t-md)}.samples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-4)}.sample{padding:0;overflow:hidden;display:grid;grid-template-rows:auto 1fr}.sample-art{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block;border-bottom:1px solid rgb(255 255 255 / .1)}.sample-body{display:grid;gap:var(--s-3);align-content:start;padding:var(--s-5)}.sample-body small{font-family:var(--f-display);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-size:var(--t-xs)}.sample-q{display:flex;align-items:center;gap:var(--s-3);font-size:var(--t-xl);font-weight:700;color:#fff;line-height:1.2}.paimon{width:40px;height:auto;flex:none;filter:drop-shadow(0 2px 6px rgb(0 0 0 / .5))}.reveal-btn{justify-self:start;border:1px solid rgb(242 214 155 / .5);background:#0c0e1880;color:var(--gold-bright);border-radius:999px;padding:6px 16px;cursor:pointer;font-weight:700;font-size:var(--t-sm);transition:background var(--fast),border-color var(--fast)}.reveal-btn:hover{background:#f2d69b1f;border-color:var(--gold-bright)}.reveal-btn.shown{cursor:default;color:#fff;border-color:var(--gold-bright);background:#f2d69b29}.register-wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--s-7);align-items:start}.register-intro{display:grid;gap:var(--s-4);position:sticky;top:100px}.register-intro h2{font-size:var(--t-2xl);line-height:1.15;color:#fff;text-shadow:0 2px 30px rgb(0 0 0 / .6)}.register-intro .motto{font-size:var(--t-lg);color:var(--cream);font-style:italic;text-shadow:0 1px 10px rgb(0 0 0 / .7)}.need{list-style:none;padding:0;display:grid;gap:var(--s-3)}.need li{display:flex;gap:var(--s-3);align-items:baseline;color:var(--cream);text-shadow:0 1px 8px rgb(0 0 0 / .8)}.need .i{color:var(--gold-bright);font-size:.8em}form{display:grid;gap:var(--s-5)}fieldset{border:0;padding:0;display:grid;gap:var(--s-3);min-width:0}legend{color:#fff;font-size:var(--t-md);margin-bottom:var(--s-3);padding:0}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-3) var(--s-4)}.field{display:grid;gap:6px}.field label{font-size:var(--t-xs);color:var(--gold);font-weight:700;letter-spacing:.03em}.field .opt{color:var(--text-2);font-weight:500;margin-left:6px}.field input{width:100%;min-width:0;background:#0a0e1c99;border:1px solid rgb(211 188 142 / .35);border-radius:8px;padding:var(--s-3) var(--s-4);font-size:var(--t-md);color:var(--cream);transition:border-color var(--fast),box-shadow var(--fast)}.field input:focus{outline:none;border-color:var(--gold-bright);box-shadow:0 0 0 3px #f2d69b2e}.field input::placeholder{color:#a9b0c28c}.field input[aria-invalid=true]{border-color:var(--wrong)}.hint{font-size:var(--t-xs);color:var(--text-2);margin-top:calc(var(--s-2) * -1)}.hint.err{color:#f0a49a;font-size:var(--t-sm);margin:0;min-height:1.4em}.hint.err:empty{display:none}.form-foot{display:flex;justify-content:flex-end}.pay{padding:var(--s-4);border-radius:12px;background:#e2136e14;border:1px solid rgb(226 19 110 / .35)}.pay legend{float:left;width:100%;margin-bottom:var(--s-2);color:#ff8db8}.pay .pay-how{clear:both;color:var(--cream)}.pay .amount{color:#fff;font-weight:900}.pills,.chips{display:flex;flex-wrap:wrap;gap:var(--s-2)}.pill,.chip{position:relative;display:inline-flex;align-items:center;gap:var(--s-2);cursor:pointer;border-radius:999px;padding:var(--s-2) var(--s-4);background:#0a0e1c99;border:1px solid rgb(211 188 142 / .35);color:var(--cream);font-weight:700;transition:border-color var(--fast),background var(--fast),opacity var(--fast)}.pill input,.chip input{position:absolute;opacity:0;pointer-events:none}.pill:hover,.chip:hover{border-color:var(--gold-bright)}.pill:has(input:checked){background:var(--cream);color:var(--cream-ink);border-color:var(--cream)}.pill:has(input:focus-visible),.chip:has(input:focus-visible){outline:2px solid var(--gold-bright);outline-offset:2px}.chip{padding:6px var(--s-4) 6px var(--s-3)}.chip .gem{width:10px;height:10px;transform:rotate(45deg);background:var(--c);box-shadow:0 0 8px var(--c)}.chip small{color:var(--text-2);font-weight:500;font-size:var(--t-xs)}.chip:has(input:checked){border-color:var(--c);background:color-mix(in srgb,var(--c) 22%,rgb(10 14 28 / .7));box-shadow:0 0 0 1px var(--c),0 0 24px -8px var(--c)}.chip:has(input:disabled){opacity:.35;cursor:not-allowed}.check{display:flex;gap:var(--s-3);align-items:center;cursor:pointer;color:var(--cream)}.check input{width:20px;height:20px;accent-color:var(--gold);flex:none}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.done{display:grid;gap:var(--s-4);justify-items:center;text-align:center;padding:var(--s-5) 0}.done .seal{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:var(--badge);color:var(--gold-bright);font-size:34px;box-shadow:inset 0 0 0 2px #4a4a4a,0 0 40px -6px #f2d69b99;animation:pop .6s var(--ease) both}@keyframes pop{0%{transform:scale(0) rotate(-90deg)}to{transform:none}}.done h2{font-size:var(--t-xl);color:#fff}.ref{display:inline-flex;align-items:center;gap:var(--s-3);font-family:var(--f-display);font-size:clamp(2rem,6vw,3rem);letter-spacing:.14em;color:var(--gold-bright);padding:var(--s-2) var(--s-5);border-radius:12px;border:1px dashed rgb(242 214 155 / .5);background:#0a0e1c80}.copy{border:0;background:none;color:var(--cream);cursor:pointer;font-size:20px;display:grid;place-items:center;opacity:.75}.copy:hover{opacity:1}.done p{max-width:42ch;color:var(--cream)}.closed{display:grid;gap:var(--s-3);text-align:center;padding:var(--s-5) 0}.closed h2{font-size:var(--t-xl);color:#fff}.status-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:var(--s-5) var(--s-6);align-items:end}.status-panel h2{font-size:var(--t-xl);color:#fff;margin:var(--s-2) 0}.status-form{display:grid;grid-template-columns:1fr 160px auto;gap:var(--s-3);align-items:end}.code-input{text-transform:uppercase;letter-spacing:.14em;font-family:var(--f-display)}.status-result{grid-column:1 / -1}.status-result:empty{display:none}.verdict{display:flex;gap:var(--s-4);align-items:center;padding:var(--s-4) var(--s-5);border-radius:12px;background:#ffffff0d;border:1px solid rgb(255 255 255 / .1)}.verdict .tag{font-family:var(--f-display);font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:4px 14px;border-radius:999px;font-size:var(--t-sm);white-space:nowrap}.tag.pending{background:#f2d69b29;color:var(--gold-bright)}.tag.accepted{background:#9be3b02e;color:#9be3b0}.tag.rejected{background:#c9675c38;color:#f0a49a}.verdict.err{color:#f0a49a}.contact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-4)}.contact h3{font-family:var(--f-display);color:var(--gold-bright);letter-spacing:.14em;text-transform:uppercase;font-size:var(--t-sm);margin-bottom:var(--s-3)}.contact ul{list-style:none;padding:0;display:grid;gap:var(--s-2)}.contact a{color:var(--cream);text-decoration:none}.contact a:hover{color:var(--gold-bright);text-decoration:underline}.foot{max-width:1180px;margin:0 auto;display:flex;justify-content:space-between;gap:var(--s-4);flex-wrap:wrap;padding:var(--s-6) 0 var(--s-7);border-top:1px solid rgb(255 255 255 / .1);font-size:var(--t-xs);color:#ece5d8a6}.admin-link{color:inherit}@media (max-width: 960px){.register-wrap{grid-template-columns:1fr;gap:var(--s-5)}.register-intro{position:static}.status-panel{grid-template-columns:1fr}}@media (max-width: 760px){.hud-nav{display:none}.hud-btn{margin-left:auto}.timeline,.rules,.contact,.samples{grid-template-columns:1fr}.section{padding:var(--s-7) 0}.grid-2,.status-form{grid-template-columns:1fr}.nations{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-3)}.nation{padding:var(--s-4)}.nation h3{font-size:1.3rem}.nation .title{display:none}.nation .open{padding:3px 10px}}@media (max-width: 460px){.hud-brand span{display:none}.hud{gap:var(--s-3)}}@media (max-width: 420px){.segments{grid-template-columns:1fr}.form-foot .btn{width:100%;justify-content:center}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.wall{display:none}}
