@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Manrope:wght@500;600;700;800&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f5fbff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--text-main:#f5fbff;--text-soft:#e6f5ffd1;--text-faint:#d5ebf79e;--ice:#dff8ff;--ice-blue:#8bdff6;--deep-blue:#091525;--rim:#e0f9ffb3;background:#081019;font-family:Manrope,sans-serif;font-weight:500;line-height:1.5}*{box-sizing:border-box}html,body{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}body{background:#081019;min-height:100svh}a{color:inherit;text-decoration:none}button{font:inherit}.page-shell{isolation:isolate;background:#081019;width:100%;height:100svh;position:relative;overflow:hidden}.redirect-page{min-height:100svh;color:var(--text-main);background:radial-gradient(circle at 50% 35%,#9de2f838,#0000 34%),#081019;place-items:center;display:grid}.redirect-page a{background:#e2fbff14;border:1px solid #e2fbff4d;border-radius:999px;padding:14px 22px}.scene-backdrop,.scene-wash,.snow-field,.frost-vignette{pointer-events:none;position:absolute;inset:0}.scene-backdrop{z-index:0;filter:saturate(.92)contrast(1.04)brightness(.86);background:url(/wintersong-bg.png) 21%/cover no-repeat;transform:scale(1.03)}.scene-wash{z-index:1;background:radial-gradient(at 24% 52%,#eefcff1a,#0000 26%),radial-gradient(at 76% 18%,#6fb8de38,#0000 30%),linear-gradient(90deg,#060d183d 0%,#060d1814 30%,#060d1880 67%,#040911d6 100%),linear-gradient(#d5efff47 0%,#09111d14 45%,#03080fc7 100%)}.scene-wash:before{content:"";filter:blur(18px);opacity:.8;background:radial-gradient(at 16% 0,#ffffff47,#0000 52%),linear-gradient(#e1f8ff33,#e1f8ff00);height:46%;position:absolute;inset:-15% -10% auto}.scene-wash:after{content:"";mix-blend-mode:screen;opacity:.24;background:linear-gradient(115deg,#0000 0 58%,#b5e5f90d 58.3%,#0000 60%);position:absolute;inset:0}.snow-field{z-index:2;opacity:.38;background-image:radial-gradient(circle at 13px 29px,#ffffffd9 0 1px,#0000 1.5px),radial-gradient(circle at 79px 16px,#c6edffad 0 1px,#0000 1.4px),radial-gradient(circle at 43px 121px,#ffffff94 0 1.3px,#0000 1.8px),radial-gradient(circle at 151px 88px,#b1e4f880 0 .8px,#0000 1.3px);background-position:0 0,37px 83px,-61px 24px,112px -48px;background-size:173px 211px,263px 197px,331px 283px,419px 367px;animation:24s linear infinite snowDrift}.frost-vignette{z-index:3;mix-blend-mode:screen}.frost-vignette-top{opacity:.42;filter:blur(.2px)drop-shadow(0 0 16px #adebff33);background:radial-gradient(at 5% 0,#ebfdff6b,#b3e5f62e 28%,#0000 58%),radial-gradient(at 94% 0,#e8fcff5c,#97daf229 30%,#0000 62%),linear-gradient(#daf7ff3d,#0000 76%);height:clamp(110px,18svh,190px);bottom:auto;-webkit-mask-image:radial-gradient(at 7% 0,#000 0 43%,#0000 72%),radial-gradient(at 93% 0,#000 0 42%,#0000 74%),linear-gradient(#000 0 8%,#0000 78%);mask-image:radial-gradient(at 7% 0,#000 0 43%,#0000 72%),radial-gradient(at 93% 0,#000 0 42%,#0000 74%),linear-gradient(#000 0 8%,#0000 78%)}.frost-vignette-bottom{opacity:.36;filter:blur(.3px)drop-shadow(0 0 14px #adebff2e);background:radial-gradient(at 50% 100%,#e7fcff57,#8cd8f124 34%,#0000 72%),radial-gradient(at 9% 100%,#e6fbff2e,#0000 58%),radial-gradient(at 92% 100%,#e6fbff2e,#0000 58%);height:clamp(104px,17svh,176px);top:auto;-webkit-mask-image:radial-gradient(at 50% 100%,#000 0 48%,#0000 78%),linear-gradient(0deg,#000 0 12%,#0000 78%);mask-image:radial-gradient(at 50% 100%,#000 0 48%,#0000 78%),linear-gradient(0deg,#000 0 12%,#0000 78%)}.site-chrome{z-index:5;background:radial-gradient(at 12% 18%,#e7fbff2e,#0000 34%),linear-gradient(#050e19d1,#050e195c 44%,#050e1900);justify-content:space-between;align-items:center;gap:24px;padding:0 clamp(16px,4vw,64px) clamp(20px,3svh,34px);display:flex;position:absolute;top:0;left:0;right:0}.logo-shell{place-items:center;transition:opacity .22s ease-out;display:grid;position:relative}.site-brand{aspect-ratio:1813/945;isolation:isolate;contain:layout paint;will-change:opacity;flex:none;width:clamp(145px,19.8vw,321px);margin-top:clamp(8px,.8vw,14px);overflow:visible}.logo-shell.is-flickering{opacity:.62;transition:none}.hero-logo{z-index:2;filter:drop-shadow(0 18px 30px #040e184d);transform-origin:50%;grid-area:1/1;width:100%;height:auto;margin:0;display:block;position:relative}.hero-logo-ghost{z-index:1;opacity:.08;pointer-events:none;mix-blend-mode:screen;transition:opacity .12s,transform .12s;position:absolute;inset:0}.hero-logo-ghost-red{filter:drop-shadow(-2px 0 #ff46748a)drop-shadow(0 16px 28px #08151f1a);transform:translate(-4px,1px)}.hero-logo-ghost-cyan{filter:drop-shadow(2px 0 #76f1ff94)drop-shadow(0 16px 28px #08151f1a);transform:translate(4px,-1px)}.logo-shell.is-aberrating .hero-logo-ghost-red{opacity:.24;transform:translate(-8px,1px)}.logo-shell.is-aberrating .hero-logo-ghost-cyan{opacity:.26;transform:translate(8px,-1px)}.nav-tabs{isolation:isolate;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:clamp(8px,1.2vw,16px);max-width:min(58vw,720px);padding-top:0;display:flex;transform:translateZ(0)}.nav-tab{appearance:none;cursor:default;color:#ebfbffdb;letter-spacing:.13em;text-transform:uppercase;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:radial-gradient(at 50% 0,#edfdff1f,#0000 62%),linear-gradient(#f6fdff14,#c2e6f200),#08172514;border:1px solid #e1f9ff00;border-radius:999px;padding:10px 16px;font-size:clamp(.72rem,.92vw,.92rem);font-weight:800;transition:transform .18s,border-color .18s,background-color .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 12px 34px #000a1414}.nav-tab:before{content:"";border-radius:inherit;opacity:.35;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(90deg,#0000,#e1f9ff29,#0000);padding:1px;transition:opacity .18s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.nav-tab:after{content:"";filter:blur(12px);opacity:0;background:#a1e7fb57;border-radius:50%;height:20px;transition:opacity .18s;position:absolute;inset:auto 12% -16px}.nav-tab:hover{background-color:#bee7f414;border-color:#e2fbff8a;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff24,0 12px 34px #000a1429}.nav-tab:hover:before,.nav-tab:hover:after{opacity:1}.hero-layout{z-index:4;place-items:center end;width:100%;height:100%;padding:clamp(132px,20svh,190px) clamp(18px,6vw,104px) clamp(132px,18svh,190px);display:grid;position:relative}.hero-copy-block{text-align:left;width:min(50vw,860px);max-width:860px;animation:.76s cubic-bezier(.19,1,.22,1) both heroReveal;transform:translateY(4svh)}.eyebrow{color:var(--text-faint);letter-spacing:.3em;text-transform:uppercase;margin:0 0 12px;font-size:clamp(.7rem,1vw,.86rem);font-weight:800}.hero-title{letter-spacing:-.055em;max-width:12.6ch;color:var(--text-main);text-wrap:balance;text-shadow:0 0 18px #9fe7fb42,0 24px 70px #020910c2;margin:0;font-family:Cinzel,serif;font-size:clamp(3rem,5vw,6rem);font-weight:600;line-height:.98}.hero-subcopy{width:min(42ch,100%);color:var(--text-soft);text-shadow:0 2px 16px #020910c7;margin:22px 0 0;font-size:clamp(.98rem,1.2vw,1.22rem);line-height:1.45}.steam-button{color:#071627;letter-spacing:.15em;text-transform:uppercase;background:linear-gradient(#f8fdfff0,#a4e0f4d1 50%,#30759ab8),#dff8ff;border:1px solid #e7fcff8f;border-radius:999px;justify-content:center;align-items:center;min-width:min(100%,320px);margin-top:34px;padding:16px 28px;font-size:clamp(.86rem,1vw,1rem);font-weight:900;transition:transform .18s,box-shadow .18s,filter .18s;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffe6,inset 0 -10px 22px #30729642,0 16px 46px #1a678d57,0 0 0 6px #def8ff12}.steam-button:before{content:"";opacity:.8;background:linear-gradient(#fffc,#fff0);border-radius:999px;height:34%;position:absolute;inset:3px 22px auto}.steam-button:hover{filter:brightness(1.08);transform:translateY(-3px);box-shadow:inset 0 1px #fffffff2,inset 0 -14px 24px #30729633,0 22px 56px #3197c170,0 0 0 8px #def8ff1a}.social-bubbles{z-index:6;justify-content:center;gap:clamp(12px,2vw,24px);display:flex;position:absolute;bottom:clamp(16px,4svh,42px);left:50%;transform:translate(-50%)}.ice-bubble{--melt:0;width:clamp(62px,6vw,88px);height:clamp(62px,6vw,88px);color:var(--ice);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:radial-gradient(circle at 32% 24%,#ffffffdb,#ffffff2e 20%,#0000 34%),radial-gradient(circle at 64% 70%,#53b3d661,#0000 42%),linear-gradient(145deg,#effdff4d,#66b8d829),#07162385;border:1px solid #e2fbff6b;border-radius:46% 54% 52% 48%/48% 48% 52% 52%;place-items:center;transition:transform .22s,border-radius .22s,border-color .22s,box-shadow .22s,background-color .22s;display:grid;position:relative;box-shadow:inset 10px 12px 24px #ffffff29,inset -12px -16px 28px #1f5e7c38,0 18px 42px #00081252,0 0 24px #95e0f72e}.ice-bubble:before,.ice-bubble:after{content:"";pointer-events:none;opacity:0;transition:opacity .18s,transform .26s;position:absolute}.ice-bubble:before{filter:blur(.2px);background:linear-gradient(#dafaffd1,#72cae81a);border-radius:999px;width:7px;height:18px;bottom:-13px;left:32%;transform:translateY(-8px)scaleY(.2)}.ice-bubble:after{filter:blur(.3px);background:#b2e9fab3;border-radius:999px 999px 999px 20%;width:12px;height:12px;bottom:-19px;right:24%;transform:translateY(-10px)scale(.2)rotate(45deg)}.ice-bubble:hover{background-color:#74d2f029;border-color:#effdffc7;border-radius:48% 52% 60% 40%/44% 50% 50% 56%;transform:translateY(-8px)scale(1.04);box-shadow:inset 12px 16px 24px #fff3,inset -14px -18px 32px #25739629,0 22px 52px #0008125c,0 0 38px #a9ebff52}.ice-bubble:hover:before,.ice-bubble:hover:after{opacity:1;transform:translateY(0)scale(1)rotate(45deg)}.ice-bubble svg{filter:drop-shadow(0 0 10px #bcefff6b);width:30%;height:30%;display:block}.bubble-glint{filter:blur(4px);background:#ffffff9e;border-radius:50%;width:22%;height:14%;position:absolute;top:18%;left:22%;transform:rotate(-22deg)}.bubble-label{color:#e8f9ffd6;letter-spacing:.12em;text-transform:uppercase;opacity:0;font-size:.68rem;font-weight:800;transition:opacity .18s,transform .18s;position:absolute;bottom:-24px;left:50%;transform:translate(-50%)translateY(-4px)}.ice-bubble:hover .bubble-label{opacity:1;transform:translate(-50%)translateY(0)}@keyframes snowDrift{to{background-position:97px 246px,-143px 317px,184px 381px,-229px 439px}}@keyframes heroReveal{0%{opacity:0;transform:translateY(7svh)translate(18px)}to{opacity:1;transform:translateY(4svh)translate(0)}}@media (max-width:980px){.scene-backdrop{background-position:19%}.nav-tabs{max-width:62vw}.hero-copy-block{width:min(54vw,700px)}}@media (max-width:760px){.scene-backdrop{background-position:23%}.scene-wash{background:radial-gradient(at 25%,#eefcff14,#0000 28%),linear-gradient(90deg,#060d181f 0%,#060d1814 36%,#040911b8 100%),linear-gradient(#d5efff3d 0%,#09111d0a 46%,#03080fd1 100%)}.site-chrome{padding-bottom:24px}.site-brand{width:clamp(123px,30.8vw,189px)}.nav-tabs{gap:8px;max-width:64vw}.nav-tab{letter-spacing:.1em;padding:8px 11px}.hero-layout{place-items:end stretch;padding:126px 18px 132px}.hero-copy-block{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#050d187a,#050d1842);border:1px solid #e0f9ff24;border-radius:28px;width:min(100%,560px);margin-left:auto;padding:22px}.hero-title{max-width:12.5ch;font-size:clamp(2.5rem,10vw,4.5rem)}}@media (max-width:560px){.scene-backdrop{background-position:24%;background-size:auto 100%}.site-chrome{grid-template-columns:auto 1fr;align-items:center;padding:0 12px 22px;display:grid}.site-brand{width:114px}.nav-tabs{gap:6px;max-width:none}.nav-tab{padding:7px 9px;font-size:.62rem}.hero-layout{padding:112px 12px 116px}.hero-copy-block{padding:18px}.hero-title{max-width:12ch;font-size:clamp(2.35rem,11vw,3.8rem)}.eyebrow{font-size:.62rem}.hero-subcopy{font-size:.94rem}.steam-button{width:100%;min-width:0;margin-top:24px}.social-bubbles{gap:10px;bottom:18px}.ice-bubble{width:58px;height:58px}.bubble-label{display:none}}@media (max-height:680px) and (min-width:761px){.hero-layout{padding-top:120px;padding-bottom:96px}.hero-copy-block{transform:translateY(7svh)}.hero-title{font-size:clamp(2.8rem,4.6vw,4.8rem)}.hero-subcopy{margin-top:16px}.steam-button{margin-top:24px}}