/* Goopy's RSPS - "The Frozen Kingdom" website skin (medieval-christmas). Loaded after the base CSS on every page.
   Palette: midnight blue / obsidian, emerald (Goopy), gold, ice blue and warm torch orange. All art is original. */
:root{
  --fk-bg:#060912;--fk-bg2:#0a1124;--fk-navy:#0e1a36;--fk-ink:#e8eef8;--fk-soft:#c4d0e4;--fk-mute:#93a4c2;
  --fk-gold:#e9c46a;--fk-gold-hi:#fff1c4;--fk-gold-lo:#9c6a24;--fk-emerald:#35d37f;--fk-emerald-d:#0e5a33;--fk-goop:#8fd14f;
  --fk-ice:#a6e4ff;--fk-ice-d:#3b7cb3;--fk-ember:#ff9a3c;--fk-line:rgba(233,196,106,.22);--fk-line2:rgba(233,196,106,.5);
  --fk-iceline:rgba(166,228,255,.28);
  --fk-goldtext:linear-gradient(180deg,#fffaf0 0%,#fbe7b0 22%,#e9c46a 45%,#a8742a 58%,#e8c068 74%,#fff3cf 100%);
  --fk-h:Cinzel,'Cinzel Decorative','Trajan Pro','Palatino Linotype','Book Antiqua',Palatino,Georgia,serif;
  --fk-d:'Cinzel Decorative',Cinzel,'Palatino Linotype','Book Antiqua',Palatino,Georgia,serif;
  --fk-b:Alegreya,'Palatino Linotype','Book Antiqua',Palatino,Georgia,serif;
  --fk-head:72px;
  /* the base CSS reads these */
  --bg:var(--fk-bg);--bg2:var(--fk-bg2);--card:rgba(14,22,44,.88);--card2:rgba(8,12,26,.94);--line:var(--fk-line);--line2:var(--fk-line2);
  --neon:#f0d48a;--cyan:var(--fk-ice);--text:var(--fk-ink);--muted:var(--fk-mute);--gold:var(--fk-gold);--red:#ff6b5a;--goop:var(--fk-goop);
  --radius:6px;--hfont:var(--fk-h);--mono:ui-monospace,Consolas,'DejaVu Sans Mono',monospace;color-scheme:dark
}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--fk-head) + 12px)}
body.fk{font:17px/1.65 var(--fk-b);background:var(--fk-bg);color:var(--fk-ink);-webkit-font-smoothing:antialiased}
body.fk::before{background:radial-gradient(1200px 600px at 50% -200px,rgba(60,110,190,.22),transparent 70%),
  radial-gradient(900px 500px at 100% 30%,rgba(53,211,127,.05),transparent 70%),
  linear-gradient(180deg,#0a1226 0,#070b17 520px,var(--fk-bg) 1100px)}
body.fk::after{opacity:1;background:radial-gradient(ellipse at 50% 30%,transparent 60%,rgba(0,0,0,.45) 100%)}
body.fk:not(.fk-home)::before{background:url(/theme/fk-stars.fb822b92c1.svg) center -120px/2400px auto no-repeat,
  radial-gradient(1200px 520px at 50% -140px,rgba(70,120,200,.26),transparent 70%),linear-gradient(180deg,#0b1430 0,#070b17 560px,var(--fk-bg) 1000px)}
.fk ::selection{background:var(--fk-gold);color:#120c02}
.fk a{color:#f0d48a}.fk a:hover{color:var(--fk-gold-hi);text-shadow:0 0 12px rgba(255,210,120,.45)}
.fk :focus-visible{outline:2px solid var(--fk-ice);outline-offset:3px;border-radius:4px}
.fk .wrap{max-width:1200px;padding-inline:clamp(16px,3vw,28px)}
.fk-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ------------------------------------------------------------ header */
.fk header{position:fixed;left:0;right:0;top:0;z-index:50;background:linear-gradient(180deg,rgba(5,8,17,.78),rgba(5,8,17,.5));
  -webkit-backdrop-filter:blur(10px) saturate(130%);backdrop-filter:blur(10px) saturate(130%);border-bottom:1px solid rgba(233,196,106,.16);
  box-shadow:none;transition:transform .35s cubic-bezier(.2,.7,.2,1),background .35s,box-shadow .35s;padding-top:env(safe-area-inset-top,0px)}
.fk header::after{height:1px;bottom:-1px;opacity:.9;background:linear-gradient(90deg,transparent,rgba(156,106,36,.7) 15%,#f6dc9a 50%,rgba(156,106,36,.7) 85%,transparent)}
.fk header.fk-solid{background:rgba(5,8,17,.92);box-shadow:0 10px 40px rgba(0,0,0,.45)}
.fk header.fk-hide{transform:translateY(-110%)}
.fk-home header:not(.fk-solid){background:linear-gradient(180deg,rgba(4,7,15,.72),rgba(4,7,15,0));border-bottom-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
.fk-home header:not(.fk-solid)::after{opacity:.35}
.fk:not(.fk-home) main{padding-top:calc(var(--fk-head) + 46px)}
.fk .nav{min-height:var(--fk-head);gap:20px;flex-wrap:nowrap}
.fk .logo{display:flex;align-items:center;gap:10px;font:700 19px/1 var(--fk-h);letter-spacing:2px;text-transform:uppercase;text-shadow:none;flex:none}
.fk .logo span{background:var(--fk-goldtext);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 #2a1806)}
.fk .logo:hover{text-shadow:none}
.fk .lcrest{width:44px;height:42px;flex:none;filter:drop-shadow(0 0 10px rgba(53,211,127,.4)) drop-shadow(0 2px 2px rgba(0,0,0,.6));transition:transform .3s}
.fk .logo:hover .lcrest{transform:translateY(-2px) rotate(-4deg) scale(1.04)}
.fk .nav nav{flex:1;justify-content:center;gap:2px;flex-wrap:nowrap}
.fk .nav nav a{font:600 12.5px/1 var(--fk-h);letter-spacing:2px;color:#c9d3e6;padding:12px 12px;border:0;border-radius:0;background:none;white-space:nowrap}
.fk .nav nav a::after{content:"";position:absolute;left:50%;right:50%;bottom:4px;height:1px;background:linear-gradient(90deg,transparent,#f6dc9a,transparent);
  box-shadow:0 0 8px rgba(255,210,120,.8);transition:left .3s,right .3s;border-radius:0}
.fk .nav nav a:hover,.fk .nav nav a.on{color:var(--fk-gold-hi);background:none;text-shadow:0 0 14px rgba(255,210,120,.55)}
.fk .nav nav a:hover::after,.fk .nav nav a.on::after{left:10px;right:10px}
.fk .nav nav a.on::before{content:"";position:absolute;left:50%;bottom:1px;width:6px;height:6px;margin-left:-3px;transform:rotate(45deg);
  background:linear-gradient(135deg,#fff1c4,#c99a45);box-shadow:0 0 10px rgba(255,210,120,.9)}
.fk .who{gap:10px;flex:none;font:600 13px var(--fk-h);letter-spacing:1px}
.fk .who>a:not(.btn){color:#f0d48a}
.fk .btn{font:700 12.5px/1 var(--fk-h);letter-spacing:2px;text-transform:uppercase;border-radius:4px;padding:13px 22px;color:#f3fff7;text-shadow:0 1px 1px rgba(0,0,0,.5);
  border:1px solid #e9c46a;background:linear-gradient(180deg,#2bb56a 0%,#16834a 50%,#0c5a31 100%);
  box-shadow:0 0 0 1px rgba(0,0,0,.6),0 0 0 3px rgba(233,196,106,.18),inset 0 1px 0 rgba(220,255,230,.45),inset 0 -6px 12px rgba(0,0,0,.25),0 8px 22px rgba(0,0,0,.4);
  transition:transform .18s,box-shadow .25s,filter .25s}
.fk .btn:hover{filter:brightness(1.1);transform:translateY(-1px);text-shadow:0 1px 1px rgba(0,0,0,.5);
  box-shadow:0 0 0 1px rgba(0,0,0,.6),0 0 0 3px rgba(233,196,106,.42),inset 0 1px 0 rgba(220,255,230,.55),0 0 28px rgba(53,211,127,.38),0 10px 26px rgba(0,0,0,.45)}
.fk .btn:active{transform:translateY(1px) scale(.98)}
.fk .btn.alt{color:#f3d68e;background:linear-gradient(180deg,rgba(24,32,58,.9),rgba(9,13,27,.95));border-color:rgba(233,196,106,.6);
  box-shadow:0 0 0 1px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,240,200,.12),0 8px 22px rgba(0,0,0,.35)}
.fk .btn.alt:hover{color:var(--fk-gold-hi);border-color:#f6dc9a;box-shadow:0 0 0 1px rgba(0,0,0,.6),0 0 0 3px rgba(233,196,106,.25),0 0 24px rgba(255,210,120,.2)}
.fk .btn.sm{padding:10px 15px;font-size:11px}
.fk .btn.big{padding:17px 34px;font-size:14px}
.fk-burger{display:none;flex:none;width:44px;height:44px;margin-left:auto;border:1px solid var(--fk-line2);border-radius:6px;background:rgba(10,16,34,.7);cursor:pointer;
  position:relative;color:var(--fk-gold)}
.fk-burger i{position:absolute;left:12px;right:12px;height:2px;background:currentColor;border-radius:2px;transition:transform .3s,opacity .3s}
.fk-burger i:nth-child(1){top:15px}.fk-burger i:nth-child(2){top:21px}.fk-burger i:nth-child(3){top:27px}
.fk-navopen .fk-burger i:nth-child(1){transform:translateY(6px) rotate(45deg)}.fk-navopen .fk-burger i:nth-child(2){opacity:0}
.fk-navopen .fk-burger i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
/* the string of lights along the header's bottom edge */
.fk-lights{position:absolute;left:0;right:0;bottom:-9px;height:16px;pointer-events:none;display:flex;justify-content:space-around;overflow:hidden}
.fk-lights::before{content:"";position:absolute;left:-2%;right:-2%;top:-6px;height:12px;border-bottom:1.5px solid rgba(40,60,50,.9);border-radius:0 0 50% 50%/0 0 100% 100%;
  background:none;-webkit-mask:linear-gradient(#000,#000);opacity:.9}
.fk-lights i{position:relative;width:6px;height:9px;border-radius:50% 50% 45% 45%;margin-top:2px;background:var(--c);box-shadow:0 0 6px 1px var(--c),0 0 14px var(--c);
  animation:fk-twk 3.6s ease-in-out infinite;animation-delay:calc(var(--d) * -1s)}
.fk-lights i::before{content:"";position:absolute;left:1px;top:-3px;width:4px;height:3px;background:#2a3328;border-radius:1px}
.fk-lights i:nth-child(4n+1){--c:#ffd27a}.fk-lights i:nth-child(4n+2){--c:#a6e4ff}.fk-lights i:nth-child(4n+3){--c:#fff1c4}.fk-lights i:nth-child(4n){--c:#7dffb0}
.fk-lights i:nth-child(odd){margin-top:4px}
@keyframes fk-twk{0%,100%{opacity:1}45%{opacity:.4}55%{opacity:.5}}

/* ------------------------------------------------------------ type */
.fk h1,.fk h2,.fk h3{text-wrap:balance}
.fk h2{font:700 clamp(19px,2vw,22px)/1.25 var(--fk-h);letter-spacing:2px;text-transform:uppercase;color:#f3dca0;text-shadow:0 2px 0 rgba(0,0,0,.6)}
.fk h2::before{width:8px;height:8px;margin:0 12px 3px 2px;background:linear-gradient(135deg,#fff1c4,#c99a45);box-shadow:0 0 10px rgba(255,210,120,.6)}
.fk main>.wrap>h2:first-child{display:flex;align-items:center;justify-content:center;gap:18px;text-align:center;font:700 clamp(24px,3.4vw,34px)/1.2 var(--fk-h);
  letter-spacing:3px;margin:0 0 30px;background:var(--fk-goldtext);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;
  filter:drop-shadow(0 2px 0 #1e1204) drop-shadow(0 0 18px rgba(255,190,90,.12))}
.fk main>.wrap>h2:first-child::before,.fk main>.wrap>h2:first-child::after{content:"";flex:1;max-width:200px;height:12px;margin:0;transform:none;box-shadow:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12'%3E%3Cpath d='M2 6 L8 2 L14 6 L8 10Z' fill='#e9c46a'/%3E%3Ccircle cx='18' cy='6' r='1.6' fill='#c99a45'/%3E%3Ccircle cx='22.4' cy='6' r='1' fill='#9c6a24'/%3E%3C/svg%3E") right center/24px 12px no-repeat,linear-gradient(90deg,transparent,#c99a45) left center/calc(100% - 28px) 1px no-repeat}
.fk main>.wrap>h2:first-child::after{transform:scaleX(-1)}
.fk-kicker{font:700 12px/1.3 var(--fk-h);letter-spacing:4px;text-transform:uppercase;color:var(--fk-ice);margin:0 0 12px;display:flex;align-items:center;gap:12px}
.fk-kicker::before{content:"";width:28px;height:1px;background:linear-gradient(90deg,transparent,var(--fk-ice))}
.fk-h2{font:700 clamp(30px,4.4vw,54px)/1.08 var(--fk-h)!important;letter-spacing:1.5px!important;text-transform:none!important;margin:0 0 18px!important;
  background:var(--fk-goldtext);-webkit-background-clip:text;background-clip:text;color:transparent!important;text-shadow:none!important;
  filter:drop-shadow(0 2px 0 #1a1004) drop-shadow(0 10px 24px rgba(0,0,0,.5))}
.fk-h2::before{display:none!important}
.fk-lead{font-size:clamp(17px,1.5vw,19px);color:var(--fk-soft);max-width:62ch;margin:0 0 22px}
.fk .note{color:var(--fk-mute);font-size:14.5px}

/* ------------------------------------------------------------ cards, forms, tables (every page) */
.fk .card{background:linear-gradient(180deg,rgba(17,27,52,.82),rgba(8,12,26,.92));border:1px solid rgba(233,196,106,.24);border-radius:8px;padding:26px;
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 1px 0 rgba(255,240,200,.07),inset 0 0 0 1px rgba(0,0,0,.35),0 18px 40px rgba(0,0,0,.4)}
.fk .card::before{left:24px;right:24px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(246,220,154,.75),transparent)}
.fk .card::after{right:10px;top:10px;width:16px;height:16px;border-color:rgba(233,196,106,.45);border-top-right-radius:2px}
.fk .grid>.card:hover{border-color:rgba(233,196,106,.5);box-shadow:inset 0 1px 0 rgba(255,240,200,.1),0 22px 46px rgba(0,0,0,.5),0 0 30px rgba(166,228,255,.08)}
.fk .card h3{font:700 16px var(--fk-h);letter-spacing:1.4px;color:#f3dca0}
.fk .card p{color:var(--fk-mute)}
.fk .icon{border-radius:50%;width:52px;height:52px;font:700 17px var(--fk-h);color:var(--fk-gold-hi);animation:none;
  background:radial-gradient(circle at 50% 35%,#1b3a5a,#0a1426 70%);border:1px solid #c99a45;box-shadow:0 0 0 3px rgba(233,196,106,.12),inset 0 0 14px rgba(166,228,255,.25)}
.fk label{font:700 11.5px var(--fk-h);letter-spacing:2px;color:#c9d3e6}
.fk input,.fk select{border-radius:5px;border:1px solid rgba(166,228,255,.22);background:rgba(4,8,18,.8);color:var(--fk-ink);box-shadow:inset 0 2px 6px rgba(0,0,0,.5)}
.fk input:focus,.fk select:focus{border-color:var(--fk-gold);box-shadow:inset 0 2px 6px rgba(0,0,0,.5),0 0 0 3px rgba(233,196,106,.18),0 0 18px rgba(255,210,120,.18)}
.fk .err{border-radius:6px;background:rgba(70,16,20,.75);border-color:rgba(255,120,110,.5)}
.fk .ok{border-radius:6px;background:rgba(10,52,34,.75);border-color:rgba(53,211,127,.5);color:#d4ffe6}
.fk .price{font:700 27px var(--fk-h);background:var(--fk-goldtext);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 2px 0 #1e1204)}
.fk .tag2{font:700 10.5px var(--fk-h);letter-spacing:1.5px;border-radius:3px;color:#dff4ff;border-color:rgba(166,228,255,.45);background:rgba(30,70,110,.45)}
.fk .itemicon{filter:drop-shadow(0 0 10px rgba(166,228,255,.25)) drop-shadow(0 3px 3px rgba(0,0,0,.6))}
.fk .prod .itemicon{background:radial-gradient(circle,rgba(166,228,255,.12),transparent 70%)}
.fk th{font:700 11.5px var(--fk-h);letter-spacing:2px;color:var(--fk-ice);border-bottom-color:rgba(233,196,106,.35)}
.fk td{border-bottom-color:rgba(166,228,255,.1)}.fk tr:hover td{background:rgba(166,228,255,.05)}
.fk .news .item{border-left:1px solid rgba(233,196,106,.45);box-shadow:none;padding:2px 0 2px 20px;position:relative}
.fk .news .item::before{content:"";position:absolute;left:-4.5px;top:9px;width:8px;height:8px;transform:rotate(45deg);background:var(--fk-gold);box-shadow:0 0 8px rgba(255,210,120,.6)}
.fk .news .item b{font:700 16px var(--fk-h);color:#f3e2b4;letter-spacing:.4px}
.fk .news .date,.fk .feed .ago{font:700 11px var(--fk-h);letter-spacing:2px;color:var(--fk-ice)}
.fk .feed{max-height:none}
.fk .feed li{border-bottom:1px solid rgba(166,228,255,.08);padding:10px 0;font-size:15.5px}
.fk .feed .t{font:700 10px var(--fk-h);letter-spacing:1.2px;color:#0a1a10;background:linear-gradient(180deg,#9ff2c2,#35d37f);border-radius:3px;box-shadow:none}
.fk .feed .t.r{color:#1e1204;background:linear-gradient(180deg,#fff1c4,#e9c46a);box-shadow:0 0 12px rgba(255,210,120,.45)}
.fk .gbar{background:#050812!important;border-color:rgba(166,228,255,.2)!important;box-shadow:inset 0 1px 3px #000}
.fk .gfill{background:linear-gradient(90deg,#3b7cb3,#a6e4ff)!important;box-shadow:0 0 12px rgba(166,228,255,.6)!important}
.fk .live{background:var(--fk-emerald);box-shadow:0 0 10px var(--fk-emerald)}
.fk .wside,.fk .wdoc{background:linear-gradient(180deg,rgba(17,27,52,.82),rgba(8,12,26,.92));border:1px solid rgba(233,196,106,.24);border-radius:8px;
  box-shadow:inset 0 1px 0 rgba(255,240,200,.07),0 18px 40px rgba(0,0,0,.4)}
.fk .wside h4,.fk .toc b{font:700 11px var(--fk-h);letter-spacing:2px;color:var(--fk-ice)}
.fk .wside a:hover,.fk .wside a.on{color:var(--fk-gold-hi);background:rgba(233,196,106,.08);border-color:rgba(233,196,106,.35)}
.fk .wdoc h1{font:700 clamp(26px,4vw,38px) var(--fk-h);background:var(--fk-goldtext);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
.fk .wdoc h3{font:700 16px var(--fk-h);color:#f3dca0}
.fk .wdoc code{background:rgba(166,228,255,.08);border-color:rgba(166,228,255,.3);color:#dff4ff}
.fk .tip{border-left-color:var(--fk-emerald);background:rgba(53,211,127,.07)}
.fk .tip.warn{border-left-color:var(--fk-gold);background:rgba(233,196,106,.08)}
.fk .wcards a{background:rgba(6,10,22,.6);border-color:rgba(166,228,255,.18);border-radius:6px}
.fk .wcards a:hover{border-color:var(--fk-gold);box-shadow:0 0 22px rgba(255,210,120,.14)}
.fk .wcards b{font-family:var(--fk-h);color:#f3dca0}

/* ------------------------------------------------------------ footer */
.fk footer{position:relative;margin-top:0;padding:54px 0 calc(34px + env(safe-area-inset-bottom,0px));border-top:0;color:var(--fk-mute);font-size:14px;
  background:radial-gradient(800px 200px at 50% 0,rgba(166,228,255,.07),transparent 70%),linear-gradient(180deg,#070b17,#04060d)}
.fk footer::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#9c6a24 18%,#f6dc9a 50%,#9c6a24 82%,transparent)}
.fk footer::after{content:"";position:absolute;left:50%;top:-7px;width:14px;height:14px;margin-left:-7px;transform:rotate(45deg);
  background:linear-gradient(135deg,#fff1c4,#9c6a24);box-shadow:0 0 0 4px #070b17,0 0 16px rgba(255,210,120,.6)}
.fk footer .wrap{align-items:center}
.fk footer a{color:#c9d3e6}.fk footer a:hover{color:var(--fk-gold-hi)}

/* ------------------------------------------------------------ hero */
.fk-hero{position:relative;min-height:max(660px,100svh);max-height:1180px;display:flex;align-items:center;justify-content:center;overflow:hidden;
  isolation:isolate;text-align:center;background:#050913}
.fk-scene{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.fk-sky{position:absolute;inset:0;background:radial-gradient(1200px 500px at 65% 18%,rgba(120,160,230,.18),transparent 70%),
  linear-gradient(180deg,#02040b 0%,#06102a 30%,#0e2448 60%,#1d4166 78%,#2a5878 90%)}
.fk-l{position:absolute;left:-2%;top:-2%;width:104%;height:104%;object-fit:cover;object-position:50% 100%;will-change:transform;user-select:none;-webkit-user-drag:none}
.fk-l.fk-stars{object-position:50% 100%}
.fk-aurora{position:absolute;left:-10%;right:-10%;top:-6%;height:62%;opacity:.8;will-change:transform}
.fk-aurora i{position:absolute;display:block;will-change:transform,opacity}
.fk-aurora i:nth-child(1){left:8%;top:12%;width:62%;height:34%;background:radial-gradient(50% 50% at 45% 50%,rgba(53,230,150,.34),rgba(70,220,210,.16) 45%,transparent 72%);
  transform:rotate(-8deg) skewX(-18deg);animation:fk-aur1 22s ease-in-out infinite alternate}
.fk-aurora i:nth-child(2){left:34%;top:4%;width:58%;height:28%;background:radial-gradient(50% 50% at 50% 50%,rgba(90,240,200,.22),rgba(110,120,255,.12) 50%,transparent 74%);
  transform:rotate(6deg) skewX(14deg);animation:fk-aur2 28s ease-in-out infinite alternate}
.fk-aurora i:nth-child(3){left:-4%;top:26%;width:46%;height:18%;background:radial-gradient(50% 50% at 50% 50%,rgba(53,211,127,.26),transparent 72%);
  transform:rotate(-14deg);animation:fk-aur3 18s ease-in-out infinite alternate}
@keyframes fk-aur1{0%{transform:rotate(-8deg) skewX(-18deg) translateX(-4%) scaleY(.85);opacity:.7}100%{transform:rotate(-4deg) skewX(-8deg) translateX(6%) scaleY(1.15);opacity:1}}
@keyframes fk-aur2{0%{transform:rotate(6deg) skewX(14deg) translateX(5%);opacity:.55}100%{transform:rotate(2deg) skewX(4deg) translateX(-6%) scaleY(1.2);opacity:.95}}
@keyframes fk-aur3{0%{transform:rotate(-14deg) translateX(0);opacity:.4}100%{transform:rotate(-10deg) translateX(14%);opacity:.85}}
.fk-fog{position:absolute;left:-30%;width:160%;pointer-events:none;will-change:transform;
  background:radial-gradient(40% 50% at 20% 50%,rgba(170,200,235,.16),transparent 70%),radial-gradient(35% 45% at 55% 60%,rgba(170,200,235,.13),transparent 70%),
  radial-gradient(40% 50% at 85% 45%,rgba(170,200,235,.15),transparent 70%)}
.fk-fog.f1{top:52%;height:22%;animation:fk-fog 70s linear infinite alternate}
.fk-fog.f2{top:70%;height:20%;opacity:.9;animation:fk-fog 54s linear infinite alternate-reverse}
@keyframes fk-fog{from{transform:translateX(-6%)}to{transform:translateX(6%)}}
.fk-fx{position:absolute;inset:0;width:100%;height:100%;z-index:3}
.fk-vignette{position:absolute;inset:0;z-index:4;background:radial-gradient(ellipse 40% 42% at 50% 62%,rgba(4,7,16,.62),rgba(4,7,16,.22) 60%,transparent 82%),
  radial-gradient(ellipse at 50% 50%,transparent 55%,rgba(2,4,10,.55) 100%),linear-gradient(180deg,rgba(3,5,12,.5) 0,transparent 18%,transparent 78%,var(--fk-bg) 100%)}
.fk-hero-in{position:relative;z-index:5;padding:calc(var(--fk-head) + 28px) 0 96px;display:flex;flex-direction:column;align-items:center}
.fk-pill{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 12px;margin:0 0 18px;border-radius:999px;font:700 11.5px/1.2 var(--fk-h);letter-spacing:2px;
  text-transform:uppercase;color:#dff4ff;background:linear-gradient(180deg,rgba(18,40,70,.72),rgba(8,18,36,.72));border:1px solid rgba(166,228,255,.38);
  box-shadow:0 0 0 1px rgba(0,0,0,.4),0 0 24px rgba(120,200,255,.18),inset 0 1px 0 rgba(255,255,255,.12)}
.fk-pill:hover{color:#fff;border-color:rgba(166,228,255,.7);text-shadow:none;box-shadow:0 0 0 1px rgba(0,0,0,.4),0 0 30px rgba(120,200,255,.32)}
.fk-pill b{color:#fff;font-weight:700}.fk-pill .sep{opacity:.45}
.fk-pill [data-end]{font-variant-numeric:tabular-nums;color:var(--fk-gold-hi)}
.fk-dot{width:9px;height:9px;border-radius:50%;background:var(--fk-emerald);box-shadow:0 0 0 3px rgba(53,211,127,.2),0 0 12px var(--fk-emerald);animation:fk-pulse 2s ease-in-out infinite;flex:none}
.fk-dot.off{background:#7f8da6;box-shadow:none;animation:none}
@keyframes fk-pulse{50%{box-shadow:0 0 0 7px rgba(53,211,127,0),0 0 16px var(--fk-emerald)}}

/* the crest */
.fk-crest{position:relative;width:clamp(200px,24vw,300px);aspect-ratio:1;max-width:100%;margin:0 0 6px;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.fk-crest>*{position:absolute;inset:0;width:100%;height:100%}
.fk-aura{inset:-18%!important;width:136%!important;height:136%!important;border-radius:50%;will-change:transform,opacity;
  background:radial-gradient(circle,rgba(53,211,127,.34) 0,rgba(53,211,127,.12) 34%,rgba(53,211,127,0) 62%);animation:fk-aura 5s ease-in-out infinite}
@keyframes fk-aura{50%{transform:scale(1.07);opacity:.8}}
.fk-ring{border-radius:50%;box-shadow:0 12px 26px rgba(0,0,0,.7),0 0 30px rgba(233,196,106,.16)}
.fk-ringo{animation:fk-spin 90s linear infinite;will-change:transform}
.fk-runes{animation:fk-spin 70s linear infinite reverse,fk-rglow 4s ease-in-out infinite;will-change:transform,opacity}
@keyframes fk-spin{to{transform:rotate(360deg)}}
@keyframes fk-rglow{50%{opacity:.55}}
.fk-goopw{inset:15%!important;width:70%!important;height:70%!important;animation:fk-float 5.5s ease-in-out infinite;transform-origin:50% 90%;will-change:transform}
.fk-goopw svg{position:absolute;inset:0;width:100%;height:100%}
.fk-goop{filter:drop-shadow(0 10px 12px rgba(0,0,0,.55)) drop-shadow(0 0 18px rgba(53,211,127,.35))}
@keyframes fk-float{0%,100%{transform:translateY(0) scale(1,1)}50%{transform:translateY(-7px) scale(1.012,.988)}}
.fk-shine .shine{animation:fk-shine 7s ease-in-out infinite}
@keyframes fk-shine{0%,62%{transform:translateX(-160px)}82%,100%{transform:translateX(170px)}}

/* the wordmark */
.fk-title{margin:6px 0 10px;font:900 clamp(40px,8.2vw,104px)/1 var(--fk-d);letter-spacing:clamp(1px,.35vw,5px);text-transform:uppercase}
.fk-wm{position:relative;display:inline-block}
.fk-wm .g{position:relative;z-index:1;background:var(--fk-goldtext);-webkit-background-clip:text;background-clip:text;color:transparent}
.fk-wm::before{content:attr(data-text);position:absolute;inset:0;z-index:0;color:transparent;-webkit-text-fill-color:transparent;
  text-shadow:0 -1px 0 rgba(255,243,207,.55),0 3px 0 #4a2d08,0 4px 1px rgba(0,0,0,.6),0 14px 26px rgba(0,0,0,.8),0 0 34px rgba(255,190,90,.25)}
.fk-wm::after{content:attr(data-text);position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.85) 50%,transparent 60%) -150% 0/250% 100% no-repeat;
  -webkit-background-clip:text;background-clip:text;color:transparent;animation:fk-sweep 8s ease-in-out 1.6s infinite;pointer-events:none;z-index:2}
@keyframes fk-sweep{0%{background-position:150% 0}30%,100%{background-position:-150% 0}}
.fk-tag{display:flex;align-items:center;justify-content:center;gap:clamp(10px,1.6vw,18px);margin:0 0 34px;font:700 clamp(13px,1.3vw,16px)/1 var(--fk-h);letter-spacing:clamp(4px,.7vw,8px);
  text-transform:uppercase;color:#f3ead0;text-shadow:0 0 14px #02040a,0 0 4px #02040a,0 2px 3px #000}
.fk-tag::before,.fk-tag::after{content:"";width:clamp(30px,8vw,110px);height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 12'%3E%3Cpath d='M2 6 L8 2 L14 6 L8 10Z' fill='#e9c46a'/%3E%3Ccircle cx='18' cy='6' r='1.6' fill='#c99a45'/%3E%3Ccircle cx='22.4' cy='6' r='1' fill='#9c6a24'/%3E%3C/svg%3E") right center/24px 12px no-repeat,
  linear-gradient(90deg,transparent,#c99a45) left center/calc(100% - 28px) 1px no-repeat}
.fk-tag::after{transform:scaleX(-1)}
.fk-tag i{width:6px;height:6px;transform:rotate(45deg);background:linear-gradient(135deg,#fff1c4,#c99a45);box-shadow:0 0 8px rgba(255,210,120,.8)}
.fk-cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.fk-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:220px;padding:18px 34px;border-radius:4px;overflow:hidden;
  font:700 14.5px/1 var(--fk-h);letter-spacing:3px;text-transform:uppercase;text-decoration:none;isolation:isolate;
  transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .3s,filter .3s,color .2s}
.fk-btn svg{width:16px;height:16px;flex:none}
.fk-primary{color:#f4fff8;text-shadow:0 1px 1px rgba(0,0,0,.55);border:1px solid #f0d080;
  background:radial-gradient(120% 140% at 50% 120%,rgba(160,255,200,.35),transparent 55%),linear-gradient(180deg,#2fc173 0%,#17894e 48%,#0b5530 100%);
  box-shadow:0 0 0 1px #1a1004,0 0 0 4px rgba(233,196,106,.28),0 0 0 5px rgba(0,0,0,.5),inset 0 1px 0 rgba(230,255,240,.55),inset 0 -8px 16px rgba(0,30,10,.35),
  0 14px 34px rgba(0,0,0,.5),0 0 40px rgba(53,211,127,.25)}
.fk-primary::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%) -120% 0/250% 100% no-repeat;
  transition:background-position .7s}
.fk-primary::after{content:"";position:absolute;left:10px;right:10px;top:4px;bottom:4px;border:1px solid rgba(255,240,200,.28);border-radius:2px;pointer-events:none}
.fk-primary:hover{color:#fff;transform:translateY(-2px) scale(1.03);filter:brightness(1.08);text-shadow:0 1px 1px rgba(0,0,0,.55);
  box-shadow:0 0 0 1px #1a1004,0 0 0 4px rgba(246,220,154,.55),0 0 0 5px rgba(0,0,0,.5),inset 0 1px 0 rgba(230,255,240,.6),0 18px 40px rgba(0,0,0,.55),0 0 60px rgba(53,211,127,.45)}
.fk-primary:hover::before{background-position:120% 0}
.fk-ghost{color:#f3d68e;border:1px solid rgba(233,196,106,.7);background:linear-gradient(180deg,rgba(14,22,44,.86),rgba(5,8,18,.92));
  box-shadow:0 0 0 4px rgba(233,196,106,.1),inset 0 1px 0 rgba(255,240,200,.12),0 14px 30px rgba(0,0,0,.45)}
.fk-ghost:hover{color:var(--fk-gold-hi);transform:translateY(-2px) scale(1.03);border-color:#f6dc9a;text-shadow:0 0 12px rgba(255,210,120,.5);
  box-shadow:0 0 0 4px rgba(233,196,106,.22),inset 0 1px 0 rgba(255,240,200,.18),0 18px 36px rgba(0,0,0,.5),0 0 34px rgba(255,210,120,.18)}
.fk-btn:active{transform:translateY(1px) scale(.98)!important;transition-duration:.08s}
.fk-btn.ice{color:#eaf8ff;border-color:#bfeaff;background:linear-gradient(180deg,#3d8ac6,#1f5a8e 50%,#123a63);
  box-shadow:0 0 0 1px #04101e,0 0 0 4px rgba(166,228,255,.22),inset 0 1px 0 rgba(230,248,255,.5),0 14px 30px rgba(0,0,0,.45),0 0 34px rgba(120,200,255,.25)}
.fk-btn.ice:hover{color:#fff;transform:translateY(-2px) scale(1.03);box-shadow:0 0 0 1px #04101e,0 0 0 4px rgba(166,228,255,.45),0 18px 36px rgba(0,0,0,.5),0 0 50px rgba(120,200,255,.4)}
.fk-scroll{position:absolute;left:50%;bottom:26px;z-index:6;width:30px;height:46px;margin-left:-15px;border:1px solid rgba(233,196,106,.55);border-radius:16px}
.fk-scroll::before{content:"";position:absolute;left:50%;top:9px;width:4px;height:9px;margin-left:-2px;border-radius:2px;background:var(--fk-gold);animation:fk-wheel 2.2s ease-in-out infinite}
@keyframes fk-wheel{0%{transform:translateY(0);opacity:1}70%{transform:translateY(14px);opacity:0}100%{opacity:0}}
/* entrance */
.fk-hero-in>*{animation:fk-in 1.1s cubic-bezier(.2,.7,.2,1) both}
.fk-hero-in>:nth-child(2){animation-delay:.12s}.fk-hero-in>:nth-child(3){animation-delay:.24s}.fk-hero-in>:nth-child(4){animation-delay:.34s}.fk-hero-in>:nth-child(5){animation-delay:.44s}
@keyframes fk-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.fk-scene{animation:fk-fadein 1.4s ease-out both}
@keyframes fk-fadein{from{opacity:0}to{opacity:1}}

/* ------------------------------------------------------------ sections */
.fk-sec{position:relative;padding:clamp(70px,9vw,120px) 0}
.fk-divider{display:block;width:min(560px,80%);height:24px;margin:0 auto;position:relative}
.fk-divider::before{content:"";position:absolute;left:0;right:0;top:11px;height:1px;background:linear-gradient(90deg,transparent,#9c6a24 20%,#f6dc9a 50%,#9c6a24 80%,transparent)}
.fk-divider::after{content:"";position:absolute;left:0;right:0;top:9px;height:5px;background:radial-gradient(closest-side,rgba(255,240,200,.9),transparent) -30% 0/20% 100% no-repeat;
  animation:fk-travel 6s ease-in-out infinite}
@keyframes fk-travel{to{background-position:130% 0}}
.fk-divider i{position:absolute;left:50%;top:0;width:24px;height:24px;margin-left:-12px;z-index:1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-12 -12 24 24'%3E%3Cg stroke='#cdefff' stroke-width='1.4' stroke-linecap='round' fill='none'%3E%3Cpath transform='rotate(0)' d='M0 0V-10 M0 -6 L-3 -9 M0 -6 L3 -9'/%3E%3Cpath transform='rotate(60)' d='M0 0V-10 M0 -6 L-3 -9 M0 -6 L3 -9'/%3E%3Cpath transform='rotate(120)' d='M0 0V-10 M0 -6 L-3 -9 M0 -6 L3 -9'/%3E%3Cpath transform='rotate(180)' d='M0 0V-10 M0 -6 L-3 -9 M0 -6 L3 -9'/%3E%3Cpath transform='rotate(240)' d='M0 0V-10 M0 -6 L-3 -9 M0 -6 L3 -9'/%3E%3Cpath transform='rotate(300)' d='M0 0V-10 M0 -6 L-3 -9 M0 -6 L3 -9'/%3E%3C/g%3E%3Ccircle r='2' fill='#fff'/%3E%3C/svg%3E") center/24px 24px no-repeat;
  filter:drop-shadow(0 0 8px rgba(166,228,255,.6))}
.fk-head{text-align:center;max-width:780px;margin:0 auto clamp(36px,5vw,60px)}
.fk-head .fk-kicker{justify-content:center}.fk-head .fk-kicker::after{content:"";width:28px;height:1px;background:linear-gradient(270deg,transparent,var(--fk-ice))}
.fk-head .fk-lead{margin-inline:auto}

/* the event */
.fk-event{padding-top:clamp(40px,6vw,70px);background:radial-gradient(900px 500px at 75% 30%,rgba(60,140,220,.16),transparent 70%),
  radial-gradient(700px 400px at 10% 80%,rgba(53,211,127,.07),transparent 70%)}
@property --fk-a{syntax:'<angle>';inherits:false;initial-value:0deg}
.fk-ev{position:relative;border-radius:14px;padding:2px;isolation:isolate;
  background:conic-gradient(from var(--fk-a),#7fb8e6,#e8f6ff 10%,#5d8fbf 22%,#a6e4ff 35%,#c8d6e6 50%,#4a7fb0 62%,#e8f6ff 75%,#7fb8e6 88%,#7fb8e6);
  animation:fk-rot 12s linear infinite;box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 60px rgba(100,180,255,.16)}
@keyframes fk-rot{to{--fk-a:360deg}}
.fk-ev-in{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;border-radius:12px;overflow:hidden;
  padding:clamp(24px,4vw,52px);background:radial-gradient(600px 300px at 0 0,rgba(166,228,255,.14),transparent 70%),
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 300'%3E%3Cg stroke='#cfeaff' stroke-linecap='round' fill='none' opacity='.22'%3E%3Cpath d='M420 0L420 116' stroke-width='1.6'/%3E%3Cpath d='M420 116L427 199' stroke-width='1.2'/%3E%3Cpath d='M427 199L419 259' stroke-width='0.9'/%3E%3Cpath d='M419 259L413 302' stroke-width='0.7'/%3E%3Cpath d='M413 302L411 333' stroke-width='0.5'/%3E%3Cpath d='M416 281L427 297' stroke-width='0.4'/%3E%3Cpath d='M423 229L436 253' stroke-width='0.5'/%3E%3Cpath d='M436 253L446 270' stroke-width='0.4'/%3E%3Cpath d='M430 241L425 252' stroke-width='0.3'/%3E%3Cpath d='M423 158L399 187' stroke-width='0.7'/%3E%3Cpath d='M399 187L384 209' stroke-width='0.5'/%3E%3Cpath d='M384 209L369 222' stroke-width='0.4'/%3E%3Cpath d='M391 198L380 200' stroke-width='0.3'/%3E%3Cpath d='M411 172L413 189' stroke-width='0.4'/%3E%3Cpath d='M413 189L416 201' stroke-width='0.3'/%3E%3Cpath d='M412 181L407 187' stroke-width='0.3'/%3E%3Cpath d='M420 58L389 100' stroke-width='1.0'/%3E%3Cpath d='M389 100L368 131' stroke-width='0.7'/%3E%3Cpath d='M368 131L353 154' stroke-width='0.5'/%3E%3Cpath d='M353 154L341 170' stroke-width='0.4'/%3E%3Cpath d='M360 143L364 154' stroke-width='0.3'/%3E%3Cpath d='M378 116L362 121' stroke-width='0.4'/%3E%3Cpath d='M362 121L352 128' stroke-width='0.3'/%3E%3Cpath d='M370 119L368 126' stroke-width='0.3'/%3E%3Cpath d='M404 79L381 82' stroke-width='0.6'/%3E%3Cpath d='M381 82L365 88' stroke-width='0.4'/%3E%3Cpath d='M365 88L353 92' stroke-width='0.3'/%3E%3Cpath d='M373 85L371 92' stroke-width='0.3'/%3E%3Cpath d='M393 81L385 73' stroke-width='0.3'/%3E%3Cpath d='M385 73L380 68' stroke-width='0.3'/%3E%3Cpath d='M389 77L384 77' stroke-width='0.2'/%3E%3Cpath d='M420 0L379 146' stroke-width='1.6'/%3E%3Cpath d='M379 146L351 252' stroke-width='1.2'/%3E%3Cpath d='M351 252L336 329' stroke-width='0.9'/%3E%3Cpath d='M336 329L324 385' stroke-width='0.7'/%3E%3Cpath d='M324 385L320 425' stroke-width='0.5'/%3E%3Cpath d='M330 357L345 378' stroke-width='0.4'/%3E%3Cpath d='M344 291L369 315' stroke-width='0.5'/%3E%3Cpath d='M369 315L390 330' stroke-width='0.4'/%3E%3Cpath d='M356 303L354 319' stroke-width='0.3'/%3E%3Cpath d='M365 199L397 236' stroke-width='0.7'/%3E%3Cpath d='M397 236L415 267' stroke-width='0.5'/%3E%3Cpath d='M415 267L428 289' stroke-width='0.4'/%3E%3Cpath d='M406 252L404 268' stroke-width='0.3'/%3E%3Cpath d='M381 218L378 240' stroke-width='0.4'/%3E%3Cpath d='M378 240L373 255' stroke-width='0.3'/%3E%3Cpath d='M380 229L384 237' stroke-width='0.3'/%3E%3Cpath d='M399 73L439 129' stroke-width='1.0'/%3E%3Cpath d='M439 129L463 171' stroke-width='0.7'/%3E%3Cpath d='M463 171L485 199' stroke-width='0.5'/%3E%3Cpath d='M485 199L504 217' stroke-width='0.4'/%3E%3Cpath d='M474 185L490 189' stroke-width='0.3'/%3E%3Cpath d='M451 150L471 159' stroke-width='0.4'/%3E%3Cpath d='M471 159L485 168' stroke-width='0.3'/%3E%3Cpath d='M461 155L470 151' stroke-width='0.3'/%3E%3Cpath d='M419 101L415 131' stroke-width='0.6'/%3E%3Cpath d='M415 131L413 153' stroke-width='0.4'/%3E%3Cpath d='M413 153L414 169' stroke-width='0.3'/%3E%3Cpath d='M414 142L420 150' stroke-width='0.3'/%3E%3Cpath d='M417 116L406 124' stroke-width='0.3'/%3E%3Cpath d='M406 124L398 130' stroke-width='0.3'/%3E%3Cpath d='M412 120L406 120' stroke-width='0.2'/%3E%3Cpath d='M420 0L339 136' stroke-width='1.6'/%3E%3Cpath d='M339 136L287 239' stroke-width='1.2'/%3E%3Cpath d='M287 239L242 308' stroke-width='0.9'/%3E%3Cpath d='M242 308L221 363' stroke-width='0.7'/%3E%3Cpath d='M221 363L202 401' stroke-width='0.5'/%3E%3Cpath d='M232 335L239 361' stroke-width='0.4'/%3E%3Cpath d='M265 273L230 287' stroke-width='0.5'/%3E%3Cpath d='M230 287L204 294' stroke-width='0.4'/%3E%3Cpath d='M247 280L239 295' stroke-width='0.3'/%3E%3Cpath d='M313 187L263 201' stroke-width='0.7'/%3E%3Cpath d='M263 201L227 209' stroke-width='0.5'/%3E%3Cpath d='M227 209L201 215' stroke-width='0.4'/%3E%3Cpath d='M245 205L230 197' stroke-width='0.3'/%3E%3Cpath d='M288 194L277 215' stroke-width='0.4'/%3E%3Cpath d='M277 215L269 230' stroke-width='0.3'/%3E%3Cpath d='M282 204L287 214' stroke-width='0.3'/%3E%3Cpath d='M379 68L310 88' stroke-width='1.0'/%3E%3Cpath d='M310 88L262 105' stroke-width='0.7'/%3E%3Cpath d='M262 105L228 121' stroke-width='0.5'/%3E%3Cpath d='M228 121L205 134' stroke-width='0.4'/%3E%3Cpath d='M245 113L230 106' stroke-width='0.3'/%3E%3Cpath d='M286 96L267 83' stroke-width='0.4'/%3E%3Cpath d='M267 83L255 71' stroke-width='0.3'/%3E%3Cpath d='M277 90L277 79' stroke-width='0.3'/%3E%3Cpath d='M345 78L333 108' stroke-width='0.6'/%3E%3Cpath d='M333 108L323 129' stroke-width='0.4'/%3E%3Cpath d='M323 129L319 145' stroke-width='0.3'/%3E%3Cpath d='M328 118L318 122' stroke-width='0.3'/%3E%3Cpath d='M339 93L325 98' stroke-width='0.3'/%3E%3Cpath d='M325 98L316 104' stroke-width='0.3'/%3E%3Cpath d='M332 95L326 93' stroke-width='0.2'/%3E%3Cpath d='M420 0L310 105' stroke-width='1.6'/%3E%3Cpath d='M310 105L240 190' stroke-width='1.2'/%3E%3Cpath d='M240 190L202 258' stroke-width='0.9'/%3E%3Cpath d='M202 258L164 301' stroke-width='0.7'/%3E%3Cpath d='M164 301L145 337' stroke-width='0.5'/%3E%3Cpath d='M183 280L181 305' stroke-width='0.4'/%3E%3Cpath d='M221 224L186 228' stroke-width='0.5'/%3E%3Cpath d='M186 228L160 231' stroke-width='0.4'/%3E%3Cpath d='M203 226L195 239' stroke-width='0.3'/%3E%3Cpath d='M275 147L226 146' stroke-width='0.7'/%3E%3Cpath d='M226 146L191 151' stroke-width='0.5'/%3E%3Cpath d='M191 151L166 157' stroke-width='0.4'/%3E%3Cpath d='M209 149L196 139' stroke-width='0.3'/%3E%3Cpath d='M251 147L235 131' stroke-width='0.4'/%3E%3Cpath d='M235 131L223 121' stroke-width='0.3'/%3E%3Cpath d='M243 139L245 129' stroke-width='0.3'/%3E%3Cpath d='M365 52L297 56' stroke-width='1.0'/%3E%3Cpath d='M297 56L248 48' stroke-width='0.7'/%3E%3Cpath d='M248 48L214 38' stroke-width='0.5'/%3E%3Cpath d='M214 38L190 30' stroke-width='0.4'/%3E%3Cpath d='M231 43L225 29' stroke-width='0.3'/%3E%3Cpath d='M272 52L263 32' stroke-width='0.4'/%3E%3Cpath d='M263 32L257 17' stroke-width='0.3'/%3E%3Cpath d='M267 42L270 32' stroke-width='0.3'/%3E%3Cpath d='M331 54L309 75' stroke-width='0.6'/%3E%3Cpath d='M309 75L293 91' stroke-width='0.4'/%3E%3Cpath d='M293 91L280 100' stroke-width='0.3'/%3E%3Cpath d='M301 83L302 93' stroke-width='0.3'/%3E%3Cpath d='M320 65L321 78' stroke-width='0.3'/%3E%3Cpath d='M321 78L321 88' stroke-width='0.3'/%3E%3Cpath d='M320 72L315 76' stroke-width='0.2'/%3E%3Cpath d='M420 0L310 60' stroke-width='1.6'/%3E%3Cpath d='M310 60L231 102' stroke-width='1.2'/%3E%3Cpath d='M231 102L183 145' stroke-width='0.9'/%3E%3Cpath d='M183 145L154 181' stroke-width='0.7'/%3E%3Cpath d='M154 181L127 202' stroke-width='0.5'/%3E%3Cpath d='M168 163L147 164' stroke-width='0.4'/%3E%3Cpath d='M207 124L178 118' stroke-width='0.5'/%3E%3Cpath d='M178 118L158 112' stroke-width='0.4'/%3E%3Cpath d='M193 121L181 126' stroke-width='0.3'/%3E%3Cpath d='M271 81L264 121' stroke-width='0.7'/%3E%3Cpath d='M264 121L265 150' stroke-width='0.5'/%3E%3Cpath d='M265 150L267 171' stroke-width='0.4'/%3E%3Cpath d='M265 135L257 146' stroke-width='0.3'/%3E%3Cpath d='M267 101L252 111' stroke-width='0.4'/%3E%3Cpath d='M252 111L241 117' stroke-width='0.3'/%3E%3Cpath d='M260 106L252 105' stroke-width='0.3'/%3E%3Cpath d='M365 30L311 14' stroke-width='1.0'/%3E%3Cpath d='M311 14L271 9' stroke-width='0.7'/%3E%3Cpath d='M271 9L243 1' stroke-width='0.5'/%3E%3Cpath d='M243 1L223 -4' stroke-width='0.4'/%3E%3Cpath d='M257 5L245 11' stroke-width='0.3'/%3E%3Cpath d='M291 12L280 -2' stroke-width='0.4'/%3E%3Cpath d='M280 -2L274 -14' stroke-width='0.3'/%3E%3Cpath d='M286 4L288 -3' stroke-width='0.3'/%3E%3Cpath d='M338 22L330 -1' stroke-width='0.6'/%3E%3Cpath d='M330 -1L326 -19' stroke-width='0.4'/%3E%3Cpath d='M326 -19L322 -31' stroke-width='0.3'/%3E%3Cpath d='M328 -10L331 -17' stroke-width='0.3'/%3E%3Cpath d='M334 10L340 0' stroke-width='0.3'/%3E%3Cpath d='M340 0L344 -6' stroke-width='0.3'/%3E%3Cpath d='M337 5L342 4' stroke-width='0.2'/%3E%3Cpath d='M420 0L279 33' stroke-width='1.6'/%3E%3Cpath d='M279 33L175 32' stroke-width='1.2'/%3E%3Cpath d='M175 32L100 21' stroke-width='0.9'/%3E%3Cpath d='M100 21L48 7' stroke-width='0.7'/%3E%3Cpath d='M48 7L12 -7' stroke-width='0.5'/%3E%3Cpath d='M74 14L66 -8' stroke-width='0.4'/%3E%3Cpath d='M137 26L113 49' stroke-width='0.5'/%3E%3Cpath d='M113 49L96 67' stroke-width='0.4'/%3E%3Cpath d='M125 38L127 53' stroke-width='0.3'/%3E%3Cpath d='M227 33L198 -3' stroke-width='0.7'/%3E%3Cpath d='M198 -3L175 -28' stroke-width='0.5'/%3E%3Cpath d='M175 -28L155 -42' stroke-width='0.4'/%3E%3Cpath d='M186 -16L186 -31' stroke-width='0.3'/%3E%3Cpath d='M212 14L216 -6' stroke-width='0.4'/%3E%3Cpath d='M216 -6L222 -19' stroke-width='0.3'/%3E%3Cpath d='M214 4L222 0' stroke-width='0.3'/%3E%3Cpath d='M349 16L301 -26' stroke-width='1.0'/%3E%3Cpath d='M301 -26L272 -63' stroke-width='0.7'/%3E%3Cpath d='M272 -63L256 -93' stroke-width='0.5'/%3E%3Cpath d='M256 -93L247 -115' stroke-width='0.4'/%3E%3Cpath d='M264 -78L270 -92' stroke-width='0.3'/%3E%3Cpath d='M287 -45L291 -65' stroke-width='0.4'/%3E%3Cpath d='M291 -65L293 -80' stroke-width='0.3'/%3E%3Cpath d='M289 -55L284 -63' stroke-width='0.3'/%3E%3Cpath d='M325 -4L323 -34' stroke-width='0.6'/%3E%3Cpath d='M323 -34L321 -55' stroke-width='0.4'/%3E%3Cpath d='M321 -55L322 -70' stroke-width='0.3'/%3E%3Cpath d='M322 -44L327 -52' stroke-width='0.3'/%3E%3Cpath d='M324 -19L313 -26' stroke-width='0.3'/%3E%3Cpath d='M313 -26L305 -31' stroke-width='0.3'/%3E%3Cpath d='M319 -23L313 -22' stroke-width='0.2'/%3E%3Cpath d='M420 0L276 -4' stroke-width='1.6'/%3E%3Cpath d='M276 -4L174 -22' stroke-width='1.2'/%3E%3Cpath d='M174 -22L100 -19' stroke-width='0.9'/%3E%3Cpath d='M100 -19L46 -21' stroke-width='0.7'/%3E%3Cpath d='M46 -21L8 -18' stroke-width='0.5'/%3E%3Cpath d='M73 -20L59 -40' stroke-width='0.4'/%3E%3Cpath d='M137 -21L117 5' stroke-width='0.5'/%3E%3Cpath d='M117 5L104 26' stroke-width='0.4'/%3E%3Cpath d='M127 -7L128 7' stroke-width='0.3'/%3E%3Cpath d='M225 -13L185 10' stroke-width='0.7'/%3E%3Cpath d='M185 10L156 26' stroke-width='0.5'/%3E%3Cpath d='M156 26L138 42' stroke-width='0.4'/%3E%3Cpath d='M170 18L167 33' stroke-width='0.3'/%3E%3Cpath d='M205 -1L202 19' stroke-width='0.4'/%3E%3Cpath d='M202 19L204 34' stroke-width='0.3'/%3E%3Cpath d='M204 8L197 15' stroke-width='0.3'/%3E%3Cpath d='M348 -2L311 50' stroke-width='1.0'/%3E%3Cpath d='M311 50L286 89' stroke-width='0.7'/%3E%3Cpath d='M286 89L274 121' stroke-width='0.5'/%3E%3Cpath d='M274 121L271 145' stroke-width='0.4'/%3E%3Cpath d='M280 105L265 109' stroke-width='0.3'/%3E%3Cpath d='M298 70L278 75' stroke-width='0.4'/%3E%3Cpath d='M278 75L263 76' stroke-width='0.3'/%3E%3Cpath d='M288 72L284 81' stroke-width='0.3'/%3E%3Cpath d='M329 24L301 32' stroke-width='0.6'/%3E%3Cpath d='M301 32L282 39' stroke-width='0.4'/%3E%3Cpath d='M282 39L267 44' stroke-width='0.3'/%3E%3Cpath d='M292 36L287 44' stroke-width='0.3'/%3E%3Cpath d='M315 28L303 23' stroke-width='0.3'/%3E%3Cpath d='M303 23L295 20' stroke-width='0.3'/%3E%3Cpath d='M309 26L308 20' stroke-width='0.2'/%3E%3C/g%3E%3C/svg%3E") right top/420px auto no-repeat,linear-gradient(160deg,#10223f 0%,#0a1630 45%,#070e21 100%)}
.fk-ev-in::before{content:"";position:absolute;inset:8px;border:1px solid rgba(200,235,255,.16);border-radius:8px;pointer-events:none}
.fk-ev-in>*{min-width:0}
.fk-ev .fk-h2{background:linear-gradient(180deg,#ffffff 0%,#e6f6ff 38%,#a6e4ff 62%,#5d9fd6 100%);-webkit-background-clip:text;background-clip:text;
  filter:drop-shadow(0 2px 0 #0a1a30) drop-shadow(0 0 26px rgba(140,210,255,.3))}
.fk-status{display:inline-flex;align-items:center;gap:10px;font:700 12px var(--fk-h);letter-spacing:2.4px;text-transform:uppercase;color:#d4ffe6;margin:0 0 16px;
  padding:7px 14px 7px 10px;border-radius:999px;background:rgba(10,60,36,.5);border:1px solid rgba(53,211,127,.45)}
.fk-status.off{color:#c9d3e6;background:rgba(30,40,60,.5);border-color:rgba(160,175,200,.35)}
.fk-count{display:flex;gap:clamp(8px,1.4vw,14px);margin:4px 0 8px;font-variant-numeric:tabular-nums}
.fk-count div{flex:1;max-width:96px;text-align:center;padding:14px 4px 10px;border-radius:8px;background:linear-gradient(180deg,rgba(166,228,255,.13),rgba(166,228,255,.03));
  border:1px solid rgba(166,228,255,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 20px rgba(0,0,0,.3)}
.fk-count b{display:block;font:700 clamp(26px,3.4vw,40px)/1 var(--fk-h);color:#fff;text-shadow:0 0 18px rgba(166,228,255,.6)}
.fk-count span{display:block;margin-top:6px;font:700 10px var(--fk-h);letter-spacing:2px;text-transform:uppercase;color:var(--fk-ice)}
.fk-ev .note{margin:0 0 20px}
.fk-surge{display:flex;align-items:center;gap:10px;margin:0 0 24px;color:#dff4ff;font-size:15.5px}
.fk-surge svg{width:20px;height:20px;flex:none}
.fk-ev-art{position:relative;margin:0;aspect-ratio:16/10}
.fk-frame{position:relative;border-radius:8px;overflow:hidden;border:1px solid rgba(220,240,255,.45);
  box-shadow:0 0 0 4px rgba(10,22,44,.8),0 0 0 5px rgba(166,228,255,.25),0 24px 50px rgba(0,0,0,.55)}
.fk-frame img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.fk-frame::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,transparent 55%,rgba(5,14,30,.55) 100%)}
.fk-ev-art .big{position:absolute;inset:0 8% 12% 0}
.fk-ev-art .small{position:absolute;right:0;bottom:0;width:46%;aspect-ratio:16/9;box-shadow:0 0 0 4px rgba(10,22,44,.9),0 0 0 5px rgba(233,196,106,.45),0 20px 40px rgba(0,0,0,.6)}
.fk-ev-art:hover .big img{transform:scale(1.04)}
.fk-ev-art figcaption{position:absolute;left:12px;bottom:calc(12% + 10px);font:700 10.5px var(--fk-h);letter-spacing:1.6px;text-transform:uppercase;color:#dff4ff;
  padding:5px 9px;border-radius:3px;background:rgba(5,12,26,.75);z-index:2}
.fk-evgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,24px);margin-top:clamp(26px,3vw,36px)}
.fk-panel{position:relative;border-radius:10px;padding:26px 24px;background:linear-gradient(180deg,rgba(16,30,56,.75),rgba(7,13,28,.9));
  border:1px solid rgba(166,228,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 16px 36px rgba(0,0,0,.35)}
.fk-panel h3{font:700 15px var(--fk-h);letter-spacing:2px;text-transform:uppercase;color:#dff4ff;margin:0 0 18px;display:flex;align-items:center;gap:10px}
.fk-panel h3 svg{width:20px;height:20px;flex:none}
.fk-tl{list-style:none;margin:0;padding:0;position:relative}
.fk-tl::before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:1px;background:linear-gradient(180deg,rgba(166,228,255,.6),rgba(166,228,255,.1))}
.fk-tl li{position:relative;padding:0 0 14px 24px;font-size:15px;color:var(--fk-soft);line-height:1.45}
.fk-tl li:last-child{padding-bottom:0}
.fk-tl li::before{content:"";position:absolute;left:0;top:5px;width:11px;height:11px;border-radius:50%;background:#0a1426;border:1px solid rgba(166,228,255,.6)}
.fk-tl li.done::before{background:var(--fk-ice);box-shadow:0 0 10px rgba(166,228,255,.6)}
.fk-tl li.now::before{background:var(--fk-emerald);border-color:#bfffd8;box-shadow:0 0 0 4px rgba(53,211,127,.2),0 0 14px var(--fk-emerald)}
.fk-tl b{display:block;font:700 11.5px var(--fk-h);letter-spacing:1.8px;text-transform:uppercase;color:var(--fk-ice);margin-bottom:2px}
.fk-tl li.now b{color:#9ff2c2}
.fk-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.fk-list li{display:flex;align-items:baseline;gap:12px;font-size:15px;color:var(--fk-soft);line-height:1.4;padding-bottom:10px;border-bottom:1px solid rgba(166,228,255,.08)}
.fk-list li:last-child{border-bottom:0;padding-bottom:0}
.fk-list .lv{flex:none;min-width:52px;font:700 11px var(--fk-h);letter-spacing:1.4px;color:var(--fk-gold);text-transform:uppercase}
.fk-list .z{display:block;font-size:13px;color:var(--fk-mute)}
.fk-list li.boss .lv{color:#ff9a8a}
.fk-howto{text-align:center;margin:26px 0 0;color:var(--fk-mute);font-size:15.5px}
.fk code,.fk-howto code{font:600 .92em var(--mono);color:#dff4ff;background:rgba(166,228,255,.1);border:1px solid rgba(166,228,255,.25);padding:1px 7px;border-radius:4px}

/* pillars */
.fk-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,40px);counter-reset:fkp}
.fk-pillar{position:relative;text-align:center;padding:10px 6px}
.fk-pillar .ic{display:grid;place-items:center;width:96px;height:96px;margin:0 auto 18px;border-radius:50%;position:relative;
  background:radial-gradient(circle at 50% 35%,rgba(53,211,127,.16),rgba(6,10,22,.9) 70%);border:1px solid rgba(233,196,106,.55);
  box-shadow:0 0 0 6px rgba(233,196,106,.06),0 0 0 7px rgba(233,196,106,.2),inset 0 0 20px rgba(0,0,0,.6),0 14px 30px rgba(0,0,0,.4);transition:transform .4s,box-shadow .4s}
.fk-pillar .ic svg{width:52px;height:52px}
.fk-pillar:hover .ic{transform:translateY(-4px);box-shadow:0 0 0 6px rgba(233,196,106,.1),0 0 0 7px rgba(246,220,154,.45),inset 0 0 20px rgba(0,0,0,.6),0 0 40px rgba(53,211,127,.25)}
.fk-pillar .num{font:700 12px var(--fk-h);letter-spacing:4px;color:var(--fk-gold);margin:0 auto 6px}
.fk-pillar h3{font:700 clamp(22px,2.4vw,28px)/1.1 var(--fk-h);letter-spacing:3px;text-transform:uppercase;margin:0 0 12px;color:#f6e6bd}
.fk-pillar p{margin:0 auto;max-width:36ch;color:var(--fk-mute);font-size:16px}
.fk-pillar+.fk-pillar::before{content:"";position:absolute;left:calc(clamp(18px,3vw,40px) / -2);top:20%;bottom:20%;width:1px;background:linear-gradient(180deg,transparent,rgba(233,196,106,.4),transparent)}

/* chapters (features) */
.fk-chapters{display:grid;gap:clamp(56px,8vw,110px)}
.fk-ch{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(26px,5vw,72px);align-items:center}
.fk-ch:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.fk-ch:nth-child(even) .fk-shot{order:2}
.fk-ch>*{min-width:0}
.fk-shot{position:relative;margin:0;border-radius:10px;--mx:50%;--my:50%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.fk-shot .fk-frame{aspect-ratio:16/9;border-color:rgba(233,196,106,.55);box-shadow:0 0 0 5px rgba(8,12,26,.9),0 0 0 6px rgba(233,196,106,.28),0 30px 60px rgba(0,0,0,.55)}
.fk-shot .fk-frame::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .4s;
  background:radial-gradient(420px circle at var(--mx) var(--my),rgba(255,240,200,.18),transparent 60%)}
.fk-shot:hover .fk-frame::before{opacity:1}
.fk-shot:hover img{transform:scale(1.035)}
.fk-shot .c{position:absolute;width:30px;height:30px;z-index:2;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M2 28 V8 Q2 2 8 2 H28' fill='none' stroke='#e9c46a' stroke-width='2'/%3E%3Cpath d='M6 24 V10 Q6 6 10 6 H24' fill='none' stroke='#9c6a24' stroke-width='1'/%3E%3Cpath d='M2 2 L8 2 L2 8Z' fill='#f6dc9a'/%3E%3Ccircle cx='13' cy='13' r='2.2' fill='#e9c46a'/%3E%3C/svg%3E") center/contain no-repeat}
.fk-shot .c.tl{left:-9px;top:-9px}.fk-shot .c.tr{right:-9px;top:-9px;transform:scaleX(-1)}.fk-shot .c.bl{left:-9px;bottom:-9px;transform:scaleY(-1)}.fk-shot .c.br{right:-9px;bottom:-9px;transform:scale(-1)}
.fk-shot figcaption{margin-top:14px;font-size:13.5px;color:var(--fk-mute);font-style:italic}
.fk-ch .fk-num{font:700 13px var(--fk-h);letter-spacing:5px;color:var(--fk-gold);text-transform:uppercase;margin:0 0 8px;display:flex;align-items:center;gap:12px}
.fk-ch .fk-num::after{content:"";flex:0 0 60px;height:1px;background:linear-gradient(90deg,#c99a45,transparent)}
.fk-ch h3{font:700 clamp(26px,3vw,40px)/1.1 var(--fk-h);letter-spacing:1px;margin:0 0 14px;color:#f6e6bd;text-shadow:0 2px 0 rgba(0,0,0,.5)}
.fk-ch p{color:var(--fk-soft);margin:0 0 18px;font-size:17px}
.fk-facts{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.fk-facts li{font:700 11px var(--fk-h);letter-spacing:1.4px;text-transform:uppercase;color:#f0dcae;padding:7px 12px;border-radius:3px;
  border:1px solid rgba(233,196,106,.35);background:rgba(233,196,106,.06)}

/* the realm right now */
.fk-realm{background:linear-gradient(180deg,transparent,rgba(14,26,54,.5) 30%,rgba(14,26,54,.5) 70%,transparent)}
.fk-realm-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(18px,2.4vw,28px);align-items:start}
.fk-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.6vw,18px)}
.fk-stat{position:relative;padding:22px 22px 20px;border-radius:10px;background:linear-gradient(180deg,rgba(16,26,50,.85),rgba(7,11,24,.92));
  border:1px solid rgba(233,196,106,.22);overflow:hidden;min-width:0}
.fk-stat::before{content:"";position:absolute;inset:auto -30% -60% auto;width:160px;height:160px;border-radius:50%;background:radial-gradient(closest-side,var(--g,rgba(53,211,127,.16)),transparent)}
.fk-stat .k{font:700 11px var(--fk-h);letter-spacing:2.2px;text-transform:uppercase;color:var(--fk-mute);margin:0 0 10px;display:flex;align-items:center;gap:8px}
.fk-stat .v{font:700 clamp(28px,3vw,38px)/1 var(--fk-h);color:#fff;font-variant-numeric:tabular-nums;margin:0 0 8px;text-shadow:0 0 22px rgba(255,255,255,.15)}
.fk-stat .v.gold{background:var(--fk-goldtext);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
.fk-stat .s{font-size:14px;color:var(--fk-mute);margin:0}
.fk-stat.ice{--g:rgba(166,228,255,.18)}.fk-stat.gold{--g:rgba(233,196,106,.16)}
.fk-feed{padding:24px 24px 14px}
.fk-feed h3{font:700 14px var(--fk-h);letter-spacing:2.2px;text-transform:uppercase;color:#f3dca0;margin:0 0 6px;display:flex;align-items:center;gap:10px}

/* gallery */
.fk-gal{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(130px,14vw,200px);gap:clamp(10px,1.2vw,16px)}
.fk-gal button{position:relative;padding:0;margin:0;border:0;border-radius:8px;overflow:hidden;cursor:zoom-in;background:#0a1124;
  box-shadow:0 0 0 1px rgba(233,196,106,.3),0 16px 30px rgba(0,0,0,.4);transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}
.fk-gal button:nth-child(1){grid-column:span 2;grid-row:span 2}
.fk-gal button:nth-child(6){grid-column:span 2}
.fk-gal img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s;filter:saturate(.92) brightness(.92)}
.fk-gal button::after{content:attr(data-cap);position:absolute;left:0;right:0;bottom:0;padding:28px 14px 12px;text-align:left;font:600 13.5px/1.35 var(--fk-b);color:#eef3fb;
  background:linear-gradient(180deg,transparent,rgba(3,6,14,.88));opacity:0;transform:translateY(8px);transition:opacity .35s,transform .35s}
.fk-gal button:hover,.fk-gal button:focus-visible{transform:translateY(-3px);box-shadow:0 0 0 1px rgba(246,220,154,.75),0 24px 40px rgba(0,0,0,.5),0 0 30px rgba(255,210,120,.12)}
.fk-gal button:hover img,.fk-gal button:focus-visible img{transform:scale(1.06);filter:none}
.fk-gal button:hover::after,.fk-gal button:focus-visible::after{opacity:1;transform:none}
.fk-galnote{text-align:center;margin:18px 0 0;font-size:13.5px;color:var(--fk-mute)}
.fk-lb{position:fixed;inset:0;z-index:100;display:grid;grid-template-rows:1fr auto;place-items:center;padding:clamp(16px,4vw,48px) clamp(16px,4vw,48px) 20px;
  background:rgba(2,4,10,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .3s}
.fk-lb.open{opacity:1}
.fk-lb img{max-width:100%;max-height:calc(100svh - 150px);border-radius:6px;box-shadow:0 0 0 1px rgba(233,196,106,.5),0 30px 80px rgba(0,0,0,.7);transition:opacity .25s,transform .35s}
.fk-lb p{margin:14px 0 0;max-width:70ch;text-align:center;color:#dfe6f2;font-size:16px}
.fk-lb button{position:absolute;width:48px;height:48px;border-radius:50%;border:1px solid rgba(233,196,106,.6);background:rgba(8,12,26,.85);color:var(--fk-gold-hi);
  font:400 26px/1 var(--fk-h);cursor:pointer;display:grid;place-items:center;transition:background .2s,transform .2s}
.fk-lb button:hover{background:rgba(40,30,10,.9);transform:scale(1.06)}
.fk-lb .x{top:max(14px,env(safe-area-inset-top,0px));right:14px}.fk-lb .p{left:14px;top:50%;margin-top:-24px}.fk-lb .n{right:14px;top:50%;margin-top:-24px}

/* news + get started */
.fk-two{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(18px,2.4vw,28px);align-items:start}
.fk-quest{list-style:none;margin:0;padding:0;display:grid;gap:16px;counter-reset:fkq}
.fk-quest li{position:relative;padding-left:52px;min-height:38px;display:flex;flex-direction:column;justify-content:center;color:var(--fk-soft);font-size:16px;line-height:1.4;counter-increment:fkq}
.fk-quest li::before{content:counter(fkq);position:absolute;left:0;top:50%;margin-top:-19px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;
  font:700 15px var(--fk-h);color:#1e1204;background:radial-gradient(circle at 40% 35%,#fff1c4,#e9c46a 55%,#9c6a24);box-shadow:0 0 0 3px rgba(233,196,106,.18),0 6px 14px rgba(0,0,0,.5)}
.fk-quest b{font:700 14px var(--fk-h);letter-spacing:1px;color:#f3e2b4}

/* community */
.fk-guild{position:relative;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(18px,2.4vw,28px)}
.fk-banner{position:relative;border-radius:12px;overflow:hidden;padding:clamp(28px,4vw,48px);min-height:300px;display:flex;flex-direction:column;justify-content:flex-end;
  border:1px solid rgba(233,196,106,.4);box-shadow:0 26px 60px rgba(0,0,0,.5);background:#0b1124}
.fk-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55;transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.fk-banner:hover>img{transform:scale(1.04)}
.fk-banner::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,18,.95) 0%,rgba(5,8,18,.75) 45%,rgba(5,8,18,.25) 100%),linear-gradient(0deg,rgba(5,8,18,.8),transparent 60%)}
.fk-banner>*:not(img){position:relative}
.fk-banner h3{font:700 clamp(26px,3vw,38px)/1.1 var(--fk-h);color:#f6e6bd;margin:0 0 12px}
.fk-banner p{color:var(--fk-soft);max-width:46ch;margin:0 0 22px}
.fk-banner .fk-btn{align-self:flex-start}
.fk-side{display:grid;gap:clamp(18px,2.4vw,28px)}
.fk-vote{display:flex;gap:16px;align-items:center}
.fk-vote p{margin:0}

/* final call */
.fk-final{position:relative;overflow:hidden;text-align:center;padding:clamp(110px,14vw,190px) 0 clamp(120px,14vw,190px);isolation:isolate}
.fk-final .bg{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,var(--fk-bg) 0%,#081530 40%,#0f2a50 75%,#173a62 100%)}
.fk-final .bg img{position:absolute;left:0;bottom:0;width:100%;height:100%;object-fit:cover;object-position:50% 100%}
.fk-final .bg img.cs{object-position:50% 100%}
.fk-final .bg::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 50% 50% at 50% 55%,rgba(4,7,16,.55),transparent 70%),linear-gradient(180deg,var(--fk-bg) 0,transparent 30%)}
.fk-final h2{font:700 clamp(32px,5vw,64px)/1.08 var(--fk-h);letter-spacing:1px;margin:0 0 16px;text-transform:none;background:var(--fk-goldtext);-webkit-background-clip:text;background-clip:text;
  color:transparent;text-shadow:none;filter:drop-shadow(0 2px 0 #1a1004) drop-shadow(0 12px 30px rgba(0,0,0,.7))}
.fk-final h2::before{display:none}
.fk-final p{color:#dbe4f2;font-size:clamp(17px,1.6vw,20px);max-width:52ch;margin:0 auto 34px;text-shadow:0 2px 10px #000}
.fk-csnow{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(2px 2px at 20px 30px,#fff,transparent),radial-gradient(1.5px 1.5px at 120px 80px,#e6f2ff,transparent),
  radial-gradient(2.5px 2.5px at 200px 150px,#fff,transparent),radial-gradient(1.5px 1.5px at 60px 210px,#fff,transparent),radial-gradient(2px 2px at 260px 40px,#dff,transparent);
  background-size:300px 260px;opacity:.55;animation:fk-csnow 18s linear infinite}
@keyframes fk-csnow{to{background-position:60px 260px,30px 260px,90px 260px,-30px 260px,40px 260px}}

/* scroll reveal (only when the script runs) */
.js .fk-rv{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:var(--rd,0s)}
.js .fk-rv.in{opacity:1;transform:none}

/* in-svg animations of the scene live in the svg files; these are page-side */
.fk-home main{padding:0}

/* ------------------------------------------------------------ responsive */
@media (max-width:1100px){
  .fk .nav nav a{padding:12px 8px;letter-spacing:1.4px;font-size:12px}
  .fk-evgrid{grid-template-columns:1fr 1fr}.fk-evgrid>:last-child{grid-column:span 2}
}
@media (max-width:960px){
  :root{--fk-head:64px}
  .fk-burger{display:block}
  .fk .nav{gap:12px}
  .fk .nav nav{position:fixed;left:0;right:0;top:calc(var(--fk-head) + env(safe-area-inset-top,0px));bottom:0;z-index:49;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;
    padding:18px 20px calc(30px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,rgba(6,10,22,.98),rgba(4,6,14,.98));overflow-y:auto;
    transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .3s,transform .3s,visibility 0s .3s}
  .fk-navopen .nav nav{opacity:1;visibility:visible;transform:none;transition:opacity .3s,transform .3s}
  .fk .nav nav a{font-size:17px;letter-spacing:3px;padding:18px 6px;border-bottom:1px solid rgba(233,196,106,.12);text-align:left}
  .fk .nav nav a::after{display:none}.fk .nav nav a.on::before{left:auto;right:10px;bottom:auto;top:50%;margin-top:-3px}
  .fk .who{order:2}.fk .who .btn.sm{padding:9px 12px;font-size:10.5px;letter-spacing:1.2px}
  .fk-burger{order:3;margin-left:0}
  .fk .logo{margin-right:auto}
  .fk-navopen{overflow:hidden}
  .fk-navopen header{-webkit-backdrop-filter:none;backdrop-filter:none;transform:none!important;background:rgba(5,8,17,.98)}
  .fk-ev-in{grid-template-columns:1fr}
  .fk-ev-art{order:-1}
  .fk-ch,.fk-ch:nth-child(even){grid-template-columns:1fr}
  .fk-ch:nth-child(even) .fk-shot{order:0}
  .fk-realm-grid,.fk-two,.fk-guild{grid-template-columns:1fr}
  .fk-gal{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(120px,28vw,220px)}
  .fk-gal button:nth-child(6){grid-column:span 1}
  .fk-gal button:nth-child(8){grid-column:span 2}
}
@media (max-width:640px){
  body.fk{font-size:16px}
  .fk .logo span{font-size:15px;letter-spacing:1px}.fk .lcrest{width:36px;height:34px}
  .fk .who{gap:6px;min-width:0}
  .fk .who>a:not(.btn){max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
  .fk .who .btn.sm{padding:9px 9px;font-size:10px;letter-spacing:1px}
  .fk-hero{min-height:max(620px,100svh)}
  .fk-hero-in{padding-bottom:110px}
  .fk-pill{font-size:10px;letter-spacing:1.4px;padding:7px 12px 7px 10px;gap:8px}
  .fk-pill .opt{display:none}
  .fk-cta{flex-direction:column;align-items:stretch;width:min(320px,100%)}
  .fk-btn{min-width:0;width:100%}
  .fk-tag{letter-spacing:4px}
  .fk-l.castle{object-position:66% 100%}
  .fk-l.front{object-position:50% 100%}
  .fk-evgrid{grid-template-columns:1fr}.fk-evgrid>:last-child{grid-column:auto}
  .fk-pillars{grid-template-columns:1fr;gap:40px}
  .fk-pillar+.fk-pillar::before{left:20%;right:20%;top:-20px;bottom:auto;width:auto;height:1px;background:linear-gradient(90deg,transparent,rgba(233,196,106,.4),transparent)}
  .fk-stats{grid-template-columns:1fr 1fr}.fk-stat{padding:18px 16px}
  .fk-count div{padding:12px 2px 8px}
  .fk-gal button:nth-child(1){grid-column:span 2;grid-row:span 1}
  .fk-gal button::after{opacity:1;transform:none;font-size:12.5px;padding:24px 10px 8px}
  .fk-ev-art figcaption{display:none}
  .fk-lights i:nth-child(n+16){display:none}
  .fk-vote{flex-direction:column;align-items:flex-start}
}
@media (max-width:440px){.fk .logo span{display:none}.fk .nav{gap:8px}}
@media (hover:none){.fk-gal button::after{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .fk *,.fk *::before,.fk *::after{animation:none!important;transition-duration:.01ms!important}
  .js .fk-rv{opacity:1;transform:none}
  .fk-fx{display:none}
}
.fk-two .news .item p.note{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}