@font-face{font-family:Fredoka;src:url(/assets/Fredoka-SemiBold-BWOuDwDh.ttf)format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Fredoka;src:url(/assets/Fredoka-Bold-Drtu5kKn.ttf)format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Nunito;src:url(/assets/Nunito-Bold-DvQSlwBc.ttf)format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Nunito;src:url(/assets/Nunito-ExtraBold-C3122jry.ttf)format("truetype");font-weight:800;font-display:swap}:root{--ink:#2b1a10;--ink-soft:#5a3c26;--cream:#fbf1dc;--gold:#ffd24a;--green:#3cb82a;--label:#7a5636;--night:#1c1d44;--dusk:#3a2c5e;--title:"Fredoka", "Trebuchet MS", sans-serif;--body:"Nunito", "Segoe UI", sans-serif;--u:1px;--gutter:32px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100vh;font-family:var(--body);color:var(--cream);background-color:var(--night);background-image:radial-gradient(ellipse 80% 30% at 50% 100%, #e8966e33, transparent 70%), radial-gradient(1.5px 1.5px at 12% 18%, #fff4dc80, transparent), radial-gradient(1px 1px at 33% 42%, #fff4dc66, transparent), radial-gradient(1.5px 1.5px at 71% 12%, #fff4dc73, transparent), radial-gradient(1px 1px at 88% 36%, #fff4dc66, transparent), radial-gradient(1px 1px at 54% 66%, #fff4dc4d, transparent), linear-gradient(180deg, var(--night) 0, var(--night) 100vh, #272459 calc(100vh + 900px), var(--dusk) 100%);background-size:auto,420px 420px,420px 420px,420px 420px,420px 420px,420px 420px,auto;margin:0;font-size:17px;font-weight:700;line-height:1.55;overflow-x:hidden}img{max-width:100%;display:block}h1,h2,h3,p,ul,figure{margin:0}.outlined{font-family:var(--title);color:#fff;-webkit-text-stroke:var(--stroke,5px) var(--ink);paint-order:stroke fill;text-shadow:0 var(--drop,2.5px) 0 #2b1a10bf;letter-spacing:.01em;font-weight:700}.hero{isolation:isolate;grid-template-rows:auto auto 1fr auto;min-height:100svh;display:grid;position:relative;overflow:hidden}.hero-shot{z-index:-2;object-fit:cover;object-position:50% 62%;width:100%;max-width:none;height:100%;position:absolute;inset:0}.hero-shade{z-index:-1;background:radial-gradient(ellipse 60% 34% at 50% 20%, #100e2a80, transparent 75%), linear-gradient(180deg, #100e2a99 0%, #100e2a00 22%, #100e2a00 52%, #161436b3 80%, var(--night) 100%);position:absolute;inset:0}.top-bar{width:100%;max-width:1280px;padding:18px var(--gutter) 0;justify-content:space-between;align-items:center;margin:0 auto;display:flex}.brand{color:var(--cream);align-items:center;gap:10px;font-size:28px;text-decoration:none;display:flex}.brand img{filter:drop-shadow(0 2px #2b1a1099);width:48px;height:48px}.hero-title{text-align:center;padding:clamp(8px, 3vh, 40px) var(--gutter) 0}.logo{color:var(--cream);--stroke:.05em;--drop:.035em;font-size:clamp(76px,11vw,156px);line-height:1}.tagline{margin-top:.5em;font-size:clamp(18px,1.9vw,27px);line-height:1.25}.hero-foot{padding:0 var(--gutter) clamp(28px, 7vh, 72px);flex-direction:column;grid-row:4;align-items:center;gap:26px;display:flex}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:18px 22px;display:flex}.banner{--u:1.2px;width:calc(var(--u) * 330);height:calc(var(--u) * 140);text-align:center;filter:drop-shadow(0 6px 10px #0a081e73);animation:.7s cubic-bezier(.34,1.56,.64,1) .2s both drop-in;position:relative}.banner>*{position:absolute;left:50%;transform:translate(-50%)}.banner>.banner-cloth{inset:0;transform:none}.banner-point{width:calc(var(--u) * 120);height:calc(var(--u) * 16);bottom:0}.banner-emblem{top:calc(var(--u) * 20);width:calc(var(--u) * 56);height:calc(var(--u) * 43);object-fit:contain}.banner-name{top:calc(var(--u) * 58);white-space:nowrap;font-size:calc(var(--u) * 32);color:var(--cream);--stroke:calc(var(--u) * 6);line-height:1.2}.banner-detail{top:calc(var(--u) * 98);white-space:nowrap;font-size:calc(var(--u) * 15);color:#e8eefc;line-height:1.2}.banner-ornament{top:calc(var(--u) * 121);width:calc(var(--u) * 84);height:calc(var(--u) * 16)}@keyframes drop-in{0%{opacity:0;transform:translateY(-60px)}}@media (prefers-reduced-motion:reduce){.banner{animation:none}html{scroll-behavior:auto}}.button{justify-content:center;align-items:center;gap:calc(var(--u) * 10);height:calc(var(--u) * 58);padding:0 calc(var(--u) * 34) calc(var(--u) * 4);border-style:solid;border-width:0;border-image:var(--rest);font-size:calc(var(--u) * 24);white-space:nowrap;color:#fff;--stroke:calc(var(--u) * 5);text-decoration:none;transition:transform 80ms;display:inline-flex}.button:hover,.button:focus-visible{border-image:var(--lit)}.button:focus-visible{outline:3px solid var(--gold);outline-offset:6px;border-radius:6px}.button:active{transform:translateY(2px)}.button img{width:calc(var(--u) * 34);height:calc(var(--u) * 34);margin-left:calc(var(--u) * -6);filter:drop-shadow(0 1px #2b1a1080)}.button.small{height:calc(var(--u) * 46);padding:0 calc(var(--u) * 26) calc(var(--u) * 3);font-size:calc(var(--u) * 20)}.button.small img{width:calc(var(--u) * 28);height:calc(var(--u) * 28)}main{position:relative}.panels{max-width:1200px;padding:0 var(--gutter);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:56px 48px;margin:24px auto 0;display:grid}.window{margin-top:calc(var(--u) * 30);padding:calc(var(--u) * 18);scroll-margin-top:48px;position:relative}.ribbon{z-index:1;top:calc(var(--u) * -16);align-items:center;gap:calc(var(--u) * 8);height:calc(var(--u) * 46);padding:0 calc(var(--u) * 100) calc(var(--u) * 8) calc(var(--u) * 76);font-size:calc(var(--u) * 26);white-space:nowrap;display:flex;position:absolute;left:50%;transform:translate(-50%)}.ribbon img{width:calc(var(--u) * 36);height:calc(var(--u) * 36);margin-top:calc(var(--u) * -2)}.parchment{padding:calc(var(--u) * 44) calc(var(--u) * 30) calc(var(--u) * 28);color:var(--ink-soft)}.parchment p+p{margin-top:.8em}.lead{font-family:var(--title);color:var(--ink);font-size:21px;font-weight:600;line-height:1.4}.counts{border-top:2px solid #9a6a3a59;grid-template-columns:repeat(4,1fr);gap:16px 12px;margin-top:26px;padding:18px 0 2px;list-style:none;display:grid}.counts li{text-align:center;flex-direction:column;align-items:center;display:flex}.medallion{width:calc(var(--u) * 76);height:calc(var(--u) * 76);place-items:center;display:grid}.medallion img{width:66%;height:66%}.count{--stroke:5px;margin-top:4px;font-size:30px;line-height:1.1}.count-label{color:var(--ink-soft);font-size:14px;line-height:1.3}.playing{font-family:var(--title);color:var(--ink-soft);margin-bottom:4px;font-size:18px;font-weight:600}.playing strong{color:var(--ink);font-weight:700}.region+.region{margin-top:6px}.section-header{height:calc(var(--u) * 34);margin:10px 0 8px calc(var(--u) * -4);padding:0 calc(var(--u) * 22) calc(var(--u) * 2);font-family:var(--title);color:var(--label);align-items:center;font-size:17px;font-weight:600;display:inline-flex}.server-row{min-height:calc(var(--u) * 64);align-items:center;gap:14px;padding:10px 18px;display:flex}.server-row+.server-row{margin-top:8px}.server-row.notice{min-height:72px}.while-you-wait{text-align:center;border-top:2px solid #9a6a3a59;flex-direction:column;align-items:center;gap:14px;margin-top:20px;padding-top:18px;font-size:16px;display:flex}.lamp{border:2.5px solid var(--ink);border-radius:50%;flex:none;width:20px;height:20px}.lamp.on{background:radial-gradient(circle at 35% 30%,#d8ffb0,#6dd13a 45%,#2f8a1c);box-shadow:0 0 10px 2px #6dd13aa6}.lamp.off{background:radial-gradient(circle at 35% 30%,#c9b8a4,#8a7663 50%,#5a4a3c)}.lamp.checking{background:radial-gradient(circle at 35% 30%,#fff3b8,#ffd24a 45%,#c8901c);animation:1.2s ease-in-out infinite alternate pulse}@keyframes pulse{to{opacity:.35}}.server-text{flex-direction:column;flex:1;min-width:0;display:flex}.server-name{font-family:var(--title);color:var(--ink);font-size:19px;font-weight:700;line-height:1.25}.server-detail{color:var(--ink-soft);font-size:15px;line-height:1.35}.population{font-family:var(--title);flex:none;font-size:16px;font-weight:700}.population.quiet{color:#3d8a1f}.population.busy{color:#a8700e}.population.full{color:#c8301e}.gallery{max-width:1200px;padding:88px var(--gutter) 24px;margin:0 auto}.section-title{text-align:center;color:var(--cream);--stroke:6px;--drop:3px;font-size:clamp(34px,4vw,48px)}.shots{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 44px;margin-top:36px;padding:0;list-style:none;display:grid}.shot{width:100%;padding:calc(var(--u) * 17);cursor:zoom-in;background:0 0;transition:transform .15s;display:block}.shot:hover,.shot:focus-visible{transform:translateY(-3px)rotate(-.3deg)}.shot:focus-visible{outline:3px solid var(--gold);outline-offset:6px}.shot img{aspect-ratio:16/9;object-fit:cover;border-radius:4px;width:100%}.shots li{flex-direction:column;align-items:center;display:flex}.caption{text-align:center;max-width:calc(100% - 32px);color:var(--cream);text-shadow:0 1.5px #140c06e6;margin-top:-10px;padding:7px 22px 9px;font-size:15px;font-weight:800;line-height:1.35;position:relative}.viewer{cursor:zoom-out;background:0 0;border:0;max-width:min(94vw,1800px);padding:0}.viewer::backdrop{background:#0c0a1ee0}.viewer img{border:3px solid var(--ink);border-radius:6px;max-height:84vh}.viewer figcaption{text-align:center;margin-top:12px;font-size:20px}.footer{max-width:1200px;padding:56px var(--gutter) 40px;text-align:center;color:#fbf1dcb8;margin:0 auto;font-size:15px}.footer p+p{margin-top:6px}.footer a{color:var(--gold);text-underline-offset:3px;text-decoration-thickness:2px}@media (width<=960px){.panels{grid-template-columns:minmax(0,1fr);max-width:680px}}@media (width<=760px){:root{--u:.72px;--gutter:20px}.shots{grid-template-columns:minmax(0,1fr);gap:32px}.gallery{padding-top:64px}.hero-buttons{--u:.9px}.banner{--u:min(1px, calc((100vw - 24px) / 435))}.counts{grid-template-columns:repeat(2,1fr)}.lead{font-size:19px}.parchment{font-size:16px}.brand{font-size:24px}.brand img{width:40px;height:40px}.top-bar .button{--u:.85px}}