/* SpookyCat theme styles (4.0). Generated by build/spookycat.mjs from build/src/spookycat4/v4.css. */
@font-face{font-family:'Montserrat';src:url(../fonts/montserrat-latin-800.woff2) format('woff2');font-weight:800;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Montserrat';src:url(../fonts/montserrat-cyrillic-800.woff2) format('woff2');font-weight:800;font-style:normal;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Montserrat';src:url(../fonts/ruble-700.woff2) format('woff2');font-weight:800;font-style:normal;font-display:swap;unicode-range:U+20BD}
@font-face{font-family:'Montserrat';src:url(../fonts/montserrat-latin-900.woff2) format('woff2');font-weight:900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Montserrat';src:url(../fonts/montserrat-cyrillic-900.woff2) format('woff2');font-weight:900;font-style:normal;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Montserrat';src:url(../fonts/ruble-700.woff2) format('woff2');font-weight:900;font-style:normal;font-display:swap;unicode-range:U+20BD}
@font-face{font-family:'Nunito';src:url(../fonts/nunito-latin-400.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Nunito';src:url(../fonts/nunito-cyrillic-400.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Nunito';src:url(../fonts/ruble-400.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+20BD}
@font-face{font-family:'Nunito';src:url(../fonts/nunito-latin-700.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Nunito';src:url(../fonts/nunito-cyrillic-700.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Nunito';src:url(../fonts/ruble-700.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+20BD}
@font-face{font-family:'Nunito';src:url(../fonts/nunito-latin-800.woff2) format('woff2');font-weight:800;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Nunito';src:url(../fonts/nunito-cyrillic-800.woff2) format('woff2');font-weight:800;font-style:normal;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Nunito';src:url(../fonts/ruble-700.woff2) format('woff2');font-weight:800;font-style:normal;font-display:swap;unicode-range:U+20BD}
/* ==========================================================================================================
   SpookyCat 4.0: a Minecraft network site in light blue. Navy bars, a sky with the live island, white blocks with
   3D pictures, Montserrat headings and Nunito text. Light by default; the moon button turns the night on (the
   island follows). Pixel art is gone; the only pixels left are the Minecraft skins themselves.
   ========================================================================================================== */

/* ---------- tokens ---------- */
:root{
  --bg:#EDF2F8;--bg2:#E3EAF3;--card:#FFFFFF;--card2:#F5F8FC;--line:#D6E0EC;--line2:#C2D0E1;
  --ink:#0D1A2C;--ink2:#45566D;--ink3:#6B7D95;
  --navy:#0D1B33;--navy2:#132849;--navy3:#081223;--on-navy:#D5E6F8;--on-navy2:#93AECB;
  --sky:#3FA9F5;--sky-d:#1C7FD3;--sky-dd:#155FA8;--sky-l:#E2F1FE;--sky-ll:#F1F8FF;
  --gold:#FFC23D;--gold-d:#B97C00;--red:#F04848;--green:#22B867;--violet:#8B6CF0;
  --shadow:0 1px 2px rgba(13,26,44,.06),0 10px 28px -14px rgba(13,26,44,.22);
  --shadow-up:0 2px 4px rgba(13,26,44,.06),0 18px 40px -16px rgba(13,26,44,.3);
  --r:14px;--r-sm:10px;--r-lg:22px;
  --head:'Montserrat',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  --body:'Nunito',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace;
  --ease:cubic-bezier(.2,.8,.2,1);
  --wrap:1240px;--gut:24px;--hdr:64px;
  /* the page around the frame, the frame and the buttons of the menu (after hypixel.net, in blue) */
  --page:#D3E2F3;--page-grid:rgba(255,255,255,.5);
  --frame-a:#B4DCFA;--frame-b:#6FAEE6;--frame-c:#3B79BC;--frame-out:#0D1B33;--frame-in:#4FB0F5;
  --fm:40px;--frame-w:calc(var(--wrap) + 56px);
  --rivet:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23EEF8FF'/%3E%3Cstop offset='.45' stop-color='%2386C3F2'/%3E%3Cstop offset='1' stop-color='%232C69AA'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M15 1.5 28.5 15 15 28.5 1.5 15Z' fill='url(%23g)' stroke='%230D1B33' stroke-width='2'/%3E%3Cpath d='M15 9 21 15 15 21 9 15Z' fill='%230D1B33'/%3E%3Cpath d='M15 11.2 18.8 15 15 18.8 11.2 15Z' fill='%233FA9F5'/%3E%3C/svg%3E");
  --btn-a:#B3E2FF;--btn-b:#68BDF8;--btn-c:#3E9FEA;--btn-ink:#0A2240;--btn-edge:#0B4F8F;--btn-glow:rgba(255,255,255,.45);
  --btn-on-a:#2A8DDF;--btn-on-b:#17609F;--btn-on-ink:#FFFFFF;
  color-scheme:light;
}
[data-theme=dark]{
  --bg:#08121F;--bg2:#0B1829;--card:#101E33;--card2:#14253D;--line:#1C3050;--line2:#274066;
  --ink:#E6EEF8;--ink2:#A5B6CB;--ink3:#7A8FA9;
  --navy:#060E1B;--navy2:#0E1D35;--navy3:#040A14;
  --sky-d:#6CC0FF;--sky-dd:#9AD4FF;--sky-l:#0F2C49;--sky-ll:#0C2238;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 12px 30px -14px rgba(0,0,0,.6);
  --shadow-up:0 2px 4px rgba(0,0,0,.3),0 20px 44px -16px rgba(0,0,0,.7);
  --page:#040A14;--page-grid:rgba(120,170,230,.05);
  --frame-a:#5B9BD8;--frame-b:#2F619C;--frame-c:#173A63;--frame-out:#010409;--frame-in:#2E7CC8;
  --rivet:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%2390C6F2'/%3E%3Cstop offset='.45' stop-color='%233C78B8'/%3E%3Cstop offset='1' stop-color='%23163A66'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M15 1.5 28.5 15 15 28.5 1.5 15Z' fill='url(%23g)' stroke='%2302060D' stroke-width='2'/%3E%3Cpath d='M15 9 21 15 15 21 9 15Z' fill='%2302060D'/%3E%3Cpath d='M15 11.2 18.8 15 15 18.8 11.2 15Z' fill='%233FA9F5'/%3E%3C/svg%3E");
  --btn-a:#4FA2E8;--btn-b:#2E7CC8;--btn-c:#1F62AA;--btn-ink:#FFFFFF;--btn-edge:#06213F;--btn-glow:rgba(0,0,0,.3);
  --btn-on-a:#B3E2FF;--btn-on-b:#6CC0F9;--btn-on-ink:#0A2240;
  color-scheme:dark;
}

/* ---------- base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--hdr) + 16px)}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.62 var(--body);-webkit-font-smoothing:antialiased;overflow-x:clip}
img,svg,video{display:block;max-width:100%}
img{height:auto}
a{color:var(--sky-d);text-decoration-thickness:1.5px;text-underline-offset:3px}
a:hover{color:var(--sky-dd)}
p{margin:0}
h1,h2,h3,h4{margin:0;font-family:var(--head);font-weight:900;line-height:1.12;letter-spacing:-.01em;color:var(--ink)}
h3,h4{font-weight:800}
strong,b{font-weight:800}
:focus{outline:none}
:focus-visible{outline:3px solid var(--sky);outline-offset:3px;border-radius:6px}
::selection{background:var(--sky);color:#fff}
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
.sr-only,.screen-reader-text,.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:12px;top:-60px;z-index:300;padding:10px 16px;border-radius:10px;background:var(--sky);color:#fff;font:800 15px/1 var(--head);text-decoration:none;transition:top .15s}
.skip:focus{top:12px}
.tm{font-family:var(--body);font-weight:800;font-size:max(.38em,10px);vertical-align:super;margin-left:.06em;line-height:0;letter-spacing:0}
.sprites{position:absolute;width:0;height:0;overflow:hidden}
.ico{width:22px;height:22px;flex:none}
.out{width:15px;height:15px;flex:none}
code,kbd{font-family:var(--mono);font-size:.88em;padding:.1em .4em;border-radius:6px;background:var(--sky-l);color:var(--ink)}
hr{border:0;border-top:1px solid var(--line);margin:28px 0}
.lead{font-size:19px;line-height:1.55;color:var(--ink2);max-width:46em}
.muted{color:var(--ink3)}
[hidden]{display:none!important}

/* ---------- buttons ---------- */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 22px;border:0;border-radius:12px;background:var(--sky);color:#fff;font:800 15px/1 var(--head);letter-spacing:.005em;text-decoration:none;white-space:nowrap;cursor:pointer;box-shadow:inset 0 -3px 0 rgba(8,40,80,.28),0 6px 16px -8px rgba(28,127,211,.7);transition:transform .12s var(--ease),background .15s,box-shadow .15s}
.btn:hover{color:#fff;background:#2F9BEA;transform:translateY(-1px)}
.btn:active{transform:translateY(1px);box-shadow:inset 0 -1px 0 rgba(8,40,80,.28)}
.btn .ico{width:19px;height:19px}
.btn--ghost{background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line2),inset 0 -3px 0 var(--line)}
.btn--ghost:hover{background:var(--card);color:var(--sky-d);box-shadow:inset 0 0 0 1.5px var(--sky),inset 0 -3px 0 var(--sky-l)}
.btn--sm{min-height:38px;padding:0 15px;font-size:14px;border-radius:10px}
.btn--dark{background:var(--navy);box-shadow:inset 0 -3px 0 rgba(0,0,0,.4)}
.btn--dark:hover{background:var(--navy2)}
.btn--gold{background:var(--gold);color:#3A2600;box-shadow:inset 0 -3px 0 rgba(120,70,0,.3),0 6px 16px -8px rgba(185,124,0,.7)}
.btn--gold:hover{background:#FFCB57;color:#3A2600}
.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}

/* chips, tags */
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.chip{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.72);color:var(--ink);font:800 13px/1.2 var(--head);box-shadow:inset 0 0 0 1px rgba(13,26,44,.08)}
[data-theme=dark] .chip{background:rgba(255,255,255,.08);color:var(--ink);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.chip .ico{width:16px;height:16px;color:var(--sky-d)}
.vtag,.ntag{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;background:var(--sky-l);color:var(--sky-dd);font:800 11.5px/1.3 var(--head);letter-spacing:.01em;text-decoration:none;white-space:nowrap}
a.ntag:hover{background:var(--sky);color:#fff}
.vtag--live,.ntag--stream{background:#FFE3E3;color:#B42323}
[data-theme=dark] .vtag--live,[data-theme=dark] .ntag--stream{background:#3A1218;color:#FF9A9A}
.ntag--giveaway{background:#FFF1CC;color:#8A5B00}
[data-theme=dark] .ntag--giveaway{background:#33270A;color:#FFD474}
.ntag--server{background:#E4E9FF;color:#3A3FB8}
[data-theme=dark] .ntag--server{background:#1D2150;color:#AEB4FF}
.ntag--channel{background:#E2F6EC;color:#16764A}
[data-theme=dark] .ntag--channel{background:#0E2E20;color:#7FE2B0}

/* ---------- header: the navy bar ---------- */
.hdr{position:sticky;top:0;z-index:100;background:var(--navy);color:var(--on-navy);box-shadow:0 1px 0 rgba(255,255,255,.06),0 10px 30px -18px rgba(0,0,0,.6)}
.hdr__in{display:flex;align-items:center;gap:18px;height:var(--hdr)}
.brand{display:flex;align-items:center;flex:none;min-height:32px;color:#fff;text-decoration:none}
.brand:hover{color:#fff}
.brand__mark{display:block;width:138px;height:auto;color:#fff}
.brand__mark svg{width:100%;height:auto}
/* the menu: bevelled buttons, the page you are on pressed in */
.nav{display:flex;align-items:center;gap:5px;min-width:0}
.nav>a,.nav__drop>summary{position:relative;display:flex;align-items:center;gap:6px;height:40px;padding:0 12px;border:1px solid var(--btn-edge);border-radius:8px;background:linear-gradient(180deg,var(--btn-a) 0%,var(--btn-b) 55%,var(--btn-c) 100%);color:var(--btn-ink);font:800 14px/1 var(--head);text-decoration:none;text-shadow:0 1px 0 var(--btn-glow);white-space:nowrap;cursor:pointer;list-style:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.65),inset 0 -3px 0 rgba(6,44,92,.32),0 2px 0 rgba(0,0,0,.4);transition:transform .12s var(--ease),filter .12s}
.nav__drop>summary::-webkit-details-marker{display:none}
.nav>a:hover,.nav__drop>summary:hover,.nav__drop[open]>summary{color:var(--btn-ink);filter:brightness(1.08) saturate(1.05);transform:translateY(-1px)}
.nav>a:active,.nav__drop>summary:active{transform:translateY(1px);box-shadow:inset 0 2px 3px rgba(6,44,92,.45),0 1px 0 rgba(0,0,0,.35)}
.nav>a[aria-current=page],.nav__drop.is-current>summary{background:linear-gradient(180deg,var(--btn-on-a),var(--btn-on-b));color:var(--btn-on-ink);text-shadow:0 1px 0 rgba(0,0,0,.25);box-shadow:inset 0 2px 5px rgba(2,22,48,.5),inset 0 -1px 0 rgba(255,255,255,.2),0 1px 0 rgba(255,255,255,.08);transform:none;filter:none}
[data-theme=dark] .nav>a[aria-current=page],[data-theme=dark] .nav__drop.is-current>summary{text-shadow:0 1px 0 rgba(255,255,255,.4)}
.nav>a:focus-visible,.nav__drop>summary:focus-visible{outline:3px solid #FFC23D;outline-offset:2px}
.nav__drop{position:relative}
.nav__drop>summary .ico{width:16px;height:16px;transition:transform .2s}
.nav__drop[open]>summary .ico{transform:rotate(180deg)}
.nav__menu{position:absolute;top:calc(100% - 6px);left:0;min-width:240px;padding:8px;border-radius:14px;background:var(--navy2);box-shadow:0 24px 48px -16px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.07)}
.nav__menu a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:var(--on-navy);font:800 14px/1.2 var(--head);text-decoration:none}
.nav__menu a .ico{width:18px;height:18px;color:var(--sky)}
.nav__menu a:hover,.nav__menu a[aria-current=page]{background:rgba(255,255,255,.07);color:#fff}
.nav__menu hr{margin:6px 4px;border-top-color:rgba(255,255,255,.08)}
.hdr__tools{display:flex;align-items:center;gap:10px;margin-left:auto}
.lsw{display:flex;gap:2px;padding:3px;border-radius:10px;background:rgba(255,255,255,.07)}
.lsw a{display:block;padding:6px 8px;border-radius:7px;color:var(--on-navy2);font:800 12px/1 var(--head);text-decoration:none}
.lsw a:hover{color:#fff}
.lsw a[aria-current]{background:var(--sky);color:#fff}
.tbtn{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:10px;background:rgba(255,255,255,.07);color:var(--on-navy);cursor:pointer}
.tbtn:hover{background:rgba(255,255,255,.13);color:#fff}
.tbtn .ico{width:19px;height:19px}
.tbtn .i-sun{display:none}
[data-theme=dark] .tbtn .i-sun{display:block}
[data-theme=dark] .tbtn .i-moon{display:none}
.hdr__cta{flex:none}
.menu-btn{display:none;width:42px;height:42px;padding:0;border:0;border-radius:10px;background:rgba(255,255,255,.08);color:#fff;cursor:pointer;place-items:center}
.menu-btn .ico{width:22px;height:22px}
.menu-btn .i-x{display:none}
.menu-btn[aria-expanded=true] .i-x{display:block}
.menu-btn[aria-expanded=true] .i-menu{display:none}
.mnav{display:none}
@media (max-width:1180px){.hdr__cta span{display:none}.hdr__cta{padding:0 12px}}
@media (max-width:1060px){
  .nav,.hdr__tools .lsw,.hdr__tools .onair{display:none}
  .menu-btn{display:grid}
  .mnav{position:fixed;top:var(--hdr);left:0;right:0;bottom:0;z-index:99;display:block;overflow:auto;padding:14px var(--gut) 40px;background:var(--navy);transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility 0s .2s}
  .mnav.is-open{opacity:1;transform:none;visibility:visible;transition:opacity .2s,transform .2s}
  .mnav a{display:flex;align-items:center;gap:12px;padding:13px 4px;border-bottom:1px solid rgba(255,255,255,.07);color:var(--on-navy);font:800 17px/1.2 var(--head);text-decoration:none}
  .mnav a[aria-current=page]{color:#fff}
  .mnav a.mnav__sub{padding:10px 4px 10px 22px;color:var(--on-navy2);font-size:15.5px}
  .mnav a.mnav__sub[aria-current=page]{color:#fff}
  .mnav a[aria-current=page]::before{content:'';width:4px;height:20px;border-radius:3px;background:var(--sky)}
  .mnav__h{margin:22px 4px 4px;color:var(--on-navy2);font:800 12px/1 var(--head);letter-spacing:.06em}
  .mnav .lsw{display:inline-flex;margin-top:20px}
  .mnav .lsw a{border-bottom:0;padding:8px 12px;font-size:14px}
  .mnav .btn{display:flex;margin-top:18px;border-bottom:0;color:#fff;font-size:16px}
  .mnav-open{overflow:hidden}
}
@media (max-width:560px){:root{--gut:16px}.brand__mark{width:118px}.hdr__in{gap:10px}.hdr__cta{display:none}}

/* ---------- the frame around the content (after hypixel.net, in blue): a bevelled steel-blue ring with rivets in
   its corners, on a light page with a faint grid of blocks; everything under the bar sits in it. The ring (::before)
   lies under the frame's own background, in the page's stacking context, so it shows only around the frame ---------- */
body{background-color:var(--page);background-image:linear-gradient(var(--page-grid) 1px,transparent 1px),linear-gradient(90deg,var(--page-grid) 1px,transparent 1px);background-size:40px 40px;background-position:center top}
.frame{position:relative;width:calc(100% - 2 * var(--fm));max-width:var(--frame-w);margin:32px auto 48px;border:3px solid var(--frame-in);border-radius:6px;background:var(--bg);box-shadow:0 0 0 2px var(--frame-out)}
.frame::before{content:'';position:absolute;inset:-16px;z-index:-1;border:2px solid var(--frame-out);border-radius:14px;background:linear-gradient(180deg,var(--frame-a) 0%,var(--frame-b) 45%,var(--frame-c) 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.4),0 30px 60px -28px rgba(9,30,60,.55)}
.frame::after{content:'';position:absolute;inset:-24px;z-index:2;pointer-events:none;background:var(--rivet) left top/30px 30px no-repeat,var(--rivet) right top/30px 30px no-repeat,var(--rivet) left bottom/30px 30px no-repeat,var(--rivet) right bottom/30px 30px no-repeat}
.frame>main{display:block;overflow:clip;border-radius:6px}
@supports not (overflow:clip){.frame>main{overflow:hidden}}
@media (max-width:1100px){:root{--fm:24px}}
@media (max-width:700px){
  :root{--fm:9px}
  .frame{margin:16px auto 26px;border-width:2px;border-radius:5px;box-shadow:0 0 0 1.5px var(--frame-out)}
  .frame::before{inset:-8px;border-width:1.5px;border-radius:9px}
  .frame::after{display:none}
}

/* the live badge in the bar */
.onair{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;background:rgba(240,72,72,.16);color:#FFB7B7;font:800 12.5px/1 var(--head);text-decoration:none;white-space:nowrap}
.onair:hover{color:#fff;background:rgba(240,72,72,.3)}
.onair__dot{width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 0 rgba(240,72,72,.6);animation:live 1.8s ease-out infinite}
@keyframes live{to{box-shadow:0 0 0 8px rgba(240,72,72,0)}}
.onair__p{display:none}

/* ---------- footer ---------- */
.ftr{margin-top:0;background:var(--navy3);color:var(--on-navy2);font-size:15px}
.ftr a{color:var(--on-navy);text-decoration:none}
.ftr a:hover{color:#fff;text-decoration:underline}
.ftr__grid{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:36px;padding-top:56px;padding-bottom:40px}
.ftr__brand .brand__mark{width:170px;margin-bottom:14px}
.ftr__brand p{max-width:28em;line-height:1.55}
.ftr__brand .lsw{display:inline-flex;margin-top:18px}
.ftr__h{margin-bottom:12px;color:#fff;font:800 14px/1.2 var(--head)}
.ftr__col{display:flex;flex-direction:column;gap:9px;align-items:flex-start}
.ftr__col a{display:inline-flex;align-items:center;gap:9px}
.ftr__col a .ico{width:17px;height:17px;color:var(--sky)}
.ftr__legal{display:grid;gap:6px;padding-top:18px;padding-bottom:34px;border-top:1px solid rgba(255,255,255,.07);font-size:12.5px;color:#6E84A2}
@media (max-width:900px){.ftr__grid{grid-template-columns:1fr 1fr}.ftr__brand{grid-column:1/-1}}
@media (max-width:520px){.ftr__grid{grid-template-columns:1fr}}

/* the address window */
.join{max-width:min(460px,calc(100vw - 32px));padding:28px;border:0;border-radius:var(--r-lg);background:var(--card);color:var(--ink);box-shadow:0 40px 80px -20px rgba(0,0,0,.5)}
.join::backdrop{background:rgba(8,18,35,.6);backdrop-filter:blur(3px)}
.join__x{position:absolute;top:12px;right:12px;width:36px;height:36px;border:0;border-radius:10px;background:var(--card2);color:var(--ink);font:400 22px/1 var(--body);cursor:pointer}
.join__h{font-size:22px;margin-right:36px}
.join__addr{display:flex;gap:8px;align-items:center;margin-top:16px;padding:12px 14px;border-radius:12px;background:var(--sky-l)}
.join__a{flex:1;padding:0;background:none;font:800 18px/1.2 var(--mono);color:var(--ink)}
.join__copy{border:0;background:none;color:var(--sky-d);font:800 13px/1 var(--head);cursor:pointer}
.join__st{min-height:1.4em;margin-top:8px;color:var(--green);font-weight:800;font-size:14px}
.join__st.is-fail{color:var(--red)}
.join__steps{margin:12px 0 0;padding-left:20px;color:var(--ink2)}
.join__steps li{margin:6px 0}
.join__foot{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}

/* ---------- the home sky with the island ---------- */
/* the day sky; the night one fades in over it with the island's own sunset (the island starts .4 s later) */
.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#78C1F6 0%,#B2DCFA 56%,#E4F3FE 100%)}
.hero::after{content:'';position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(180deg,transparent,var(--bg));pointer-events:none}
.hero__sky{position:absolute;inset:0;pointer-events:none}
.hero__sky::before,.hero__sky::after{content:'';position:absolute;inset:0;opacity:0;transition:opacity 2s ease .4s}
.hero__sky::before{background:radial-gradient(70% 60% at 70% 100%,rgba(255,150,90,.35),transparent 70%),linear-gradient(180deg,#0A1430 0%,#16285A 56%,#253F78 100%)}
[data-theme=dark] .hero__sky::before,[data-theme=dark] .hero__sky::after{opacity:1}
.cloud{position:absolute;display:block;height:26px;border-radius:7px;background:rgba(255,255,255,.78);box-shadow:0 10px 0 -4px rgba(255,255,255,.35)}
.cloud::before,.cloud::after{content:'';position:absolute;height:22px;border-radius:7px;background:inherit}
.cloud::before{left:14%;bottom:18px;width:44%}
.cloud::after{left:48%;bottom:12px;width:30%}
.cloud--1{left:4%;top:12%;width:190px}
.cloud--2{left:41%;top:6%;width:130px;opacity:.75}
.cloud--3{right:3%;top:64%;width:240px;opacity:.6}
.cloud{transition:background 2s ease .4s,box-shadow 2s ease .4s}
[data-theme=dark] .cloud{background:rgba(160,190,255,.09);box-shadow:none}
@media (max-width:700px){.cloud--1,.cloud--2{display:none}} /* on a phone they would sit under the text */
.hero__sky::after{background:radial-gradient(1px 1px at 12% 18%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 33% 9%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 58% 22%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 72% 7%,#cfe0ff 50%,transparent 51%),radial-gradient(1px 1px at 88% 30%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 22% 40%,#dfe9ff 50%,transparent 51%),radial-gradient(1px 1px at 47% 48%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 6% 60%,#fff 50%,transparent 51%)}
.hero__in{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:center;gap:28px;min-height:min(680px,calc(100svh - var(--hdr)));padding-top:36px;padding-bottom:110px}
.hero__text{display:grid;gap:22px;justify-items:start;max-width:600px}
.hero__logo{margin:0;line-height:0}
.hero__img{width:min(580px,100%);height:auto;filter:drop-shadow(0 14px 22px rgba(10,50,100,.22))}
[data-theme=dark] .hero__img{filter:drop-shadow(0 14px 26px rgba(0,0,0,.55))}
.hero__lead{max-width:31em;font:700 19.5px/1.5 var(--body);color:#10243D}
[data-theme=dark] .hero__lead{color:var(--ink)}
.hero .chip{background:rgba(255,255,255,.66)}
[data-theme=dark] .hero .chip{background:rgba(255,255,255,.08)}
.hero .actions{margin-top:2px}
.downnote{max-width:36em;padding:12px 16px;border-radius:var(--r-sm);background:rgba(255,255,255,.8);color:var(--ink2);font-size:15px;line-height:1.5;box-shadow:inset 3px 0 0 var(--gold)}
[data-theme=dark] .downnote{background:rgba(255,255,255,.06)}
.downnote__go{display:inline-flex;flex-wrap:wrap;gap:4px 14px;margin-left:4px;font-weight:800}
.downnote--videos{margin-top:16px;background:var(--card)}

/* the live notice in the sky */
.onair-hero{display:grid;gap:8px;max-width:34em;padding:14px 16px;border-radius:var(--r);background:var(--navy);color:#fff;box-shadow:var(--shadow-up)}
.onair-hero__h{display:flex;align-items:center;gap:10px;font:900 16px/1.2 var(--head)}
.onair-hero__title{color:var(--on-navy);font-size:15px}
.onair-hero__go{display:flex;flex-wrap:wrap;gap:8px}
.btn--live{background:var(--red);box-shadow:inset 0 -3px 0 rgba(90,0,0,.3)}
.btn--live:hover{background:#FF5C5C}

/* the island */
.isle{position:relative;margin:0;width:100%;max-width:680px;justify-self:end}
.isle__still,.isle__gl{display:block;width:100%;aspect-ratio:1/1;height:auto;max-width:none}
.isle__still{position:absolute;left:0;top:0;object-fit:contain;transition:opacity .6s}
.isle__still:first-child{position:relative}
.isle__still--night{opacity:0}
[data-theme=dark] .isle__still--night{opacity:1}
[data-theme=dark] .isle__still:first-child{opacity:0}
.isle__gl{position:absolute;left:0;top:0;opacity:0;transition:opacity .8s;cursor:grab;touch-action:pan-y}
.isle__gl:active{cursor:grabbing}
.isle.live .isle__gl{opacity:1}
.isle.live .isle__still{opacity:0}
.isle__gl:focus-visible{outline-offset:-6px;border-radius:18px}
.isle__bubbles{position:absolute;left:0;top:0;width:100%;aspect-ratio:1/1;pointer-events:none;overflow:hidden}
.isle__bubble{position:absolute;left:0;top:0;padding:6px 11px;border-radius:12px;background:#fff;color:var(--ink);font:800 13px/1.2 var(--head);white-space:nowrap;box-shadow:0 6px 16px -6px rgba(13,26,44,.35);animation:bub .3s cubic-bezier(.2,1.6,.4,1)}
[data-theme=dark] .isle__bubble{background:#E9F1FB;color:#0D1A2C}
.isle__bubble::after{content:'';position:absolute;left:50%;bottom:-6px;margin-left:-6px;border:6px solid transparent;border-top-color:#fff;border-bottom:0}
[data-theme=dark] .isle__bubble::after{border-top-color:#E9F1FB}
.isle__bubble--yt{padding:7px 12px 7px 27px;background:var(--sky-d);color:#fff}
[data-theme=dark] .isle__bubble--yt{background:#1C7FD3;color:#fff}
.isle__bubble--yt::before{content:'';position:absolute;left:11px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:#FF4B4B;box-shadow:0 0 0 3px rgba(255,75,75,.35)}
.isle__bubble--yt::after,[data-theme=dark] .isle__bubble--yt::after{border-top-color:#1C7FD3}
@keyframes bub{from{transform-origin:50% 100%;opacity:0}}
.hud{position:absolute;left:10px;top:10px;display:flex;flex-wrap:wrap;gap:6px;pointer-events:none}
.hud__p{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:rgba(255,255,255,.88);color:var(--ink);font:800 12.5px/1 var(--head);box-shadow:0 4px 12px -6px rgba(13,26,44,.4)}
.hud__p .ico{width:15px;height:15px;color:var(--sky-d)}
.hud__p b{color:var(--sky-dd)}
.hud__p--gold .ico,.hud__p--gold b{color:var(--gold-d)}
/* the sound of the arena: starts with the first click on the page; the button shows whether it plays */
.isle__snd{position:absolute;right:10px;top:10px;display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.88);color:var(--sky-d);cursor:pointer;box-shadow:0 4px 12px -6px rgba(13,26,44,.4);visibility:hidden;transition:transform .12s var(--ease)}
.isle.live .isle__snd{visibility:visible}
.isle__snd:hover{background:#fff;transform:translateY(-1px)}
.isle__snd .ico{width:19px;height:19px}
.isle__snd .ico + .ico,.isle__snd.is-off .ico:first-child{display:none}
.isle__snd.is-off .ico + .ico{display:block}
.isle__snd.is-off{color:var(--ink2)}
[data-theme=dark] .isle__snd{background:rgba(8,18,31,.82);color:var(--sky-d)}
[data-theme=dark] .isle__snd.is-off{color:var(--ink2)}
.isle__vol{position:absolute;right:54px;top:10px;z-index:2;display:flex;align-items:center;height:38px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.88);box-shadow:0 4px 12px -6px rgba(13,26,44,.4);opacity:0;visibility:hidden;transform:translateX(8px);transition:opacity .18s var(--ease),transform .18s var(--ease),visibility .18s}
.isle__vol.is-open{opacity:1;visibility:visible;transform:none}
.isle__vol__r{--on:var(--sky);--off:rgba(13,26,44,.14);--rim:#fff;--knob:var(--sky-d);-webkit-appearance:none;appearance:none;width:110px;height:28px;margin:0;background:none;cursor:pointer;outline:0;touch-action:none}
.isle__vol__r::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(90deg,var(--on) 0,var(--on) calc(var(--v,70)*1%),var(--off) calc(var(--v,70)*1%),var(--off) 100%)}
.isle__vol__r::-moz-range-track{height:6px;border-radius:999px;background:linear-gradient(90deg,var(--on) 0,var(--on) calc(var(--v,70)*1%),var(--off) calc(var(--v,70)*1%),var(--off) 100%)}
.isle__vol__r::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;margin-top:-6px;border:3px solid var(--rim);border-radius:50%;background:var(--knob);box-shadow:0 2px 4px rgba(13,26,44,.3);transition:transform .12s}
.isle__vol__r::-moz-range-thumb{box-sizing:border-box;width:18px;height:18px;border:3px solid var(--rim);border-radius:50%;background:var(--knob);box-shadow:0 2px 4px rgba(13,26,44,.3)}
.isle__vol__r:active::-webkit-slider-thumb{transform:scale(1.15)}
.isle__vol__r:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--sky)}
.isle__vol__r:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--sky)}
.isle__vol.is-off .isle__vol__r{--on:var(--ink2);--knob:var(--ink2)}
[data-theme=dark] .isle__vol{background:rgba(8,18,31,.82)}
[data-theme=dark] .isle__vol__r{--on:var(--sky-d);--off:rgba(230,238,248,.18);--rim:#08121F}
html:not(.js) .isle__vol,.nogl .isle__vol{display:none}
@media (max-width:560px){.isle__vol{right:10px;top:54px;height:34px;padding:0 12px;transform:translateY(-6px)}.isle__vol__r{width:100px}}
[data-theme=dark] .hud__p{background:rgba(8,18,31,.82);color:var(--ink)}
[data-theme=dark] .hud__p b{color:var(--sky-d)}
[data-theme=dark] .hud__p--gold b,[data-theme=dark] .hud__p--gold .ico{color:var(--gold)}
.isle__cap{position:relative;z-index:2;display:grid;justify-items:center;gap:10px;margin-top:-30px}
.isle__btns{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.pill{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 16px;border:0;border-radius:999px;background:var(--card);color:var(--ink);font:800 14px/1 var(--head);cursor:pointer;box-shadow:inset 0 -3px 0 var(--line),0 8px 20px -10px rgba(13,26,44,.45);transition:transform .12s var(--ease)}
.pill .ico{width:19px;height:19px;color:var(--violet)}
.pill:hover{transform:translateY(-1px)}
.pill:active{transform:translateY(1px)}
.pill--red{background:var(--red);color:#fff;box-shadow:inset 0 -3px 0 rgba(90,0,0,.3),0 8px 20px -10px rgba(160,20,20,.6)}
.pill--red .ico{color:#fff}
.pill--sea{background:var(--sky);color:#fff;box-shadow:inset 0 -3px 0 rgba(8,40,80,.28),0 8px 20px -10px rgba(28,127,211,.7)}
.pill--sea .ico{color:#fff}
.pill[disabled]{opacity:.55;cursor:default;transform:none}
.isle__hint{max-width:34em;text-align:center;color:var(--ink2);font-size:13.5px;font-weight:700;line-height:1.45}
html:not(.js) .isle__gl,html:not(.js) .hud,html:not(.js) .isle__snd,html:not(.js) .isle__btns,html:not(.js) .isle__hint,.nogl .isle__gl,.nogl .hud,.nogl .isle__snd,.nogl .isle__btns,.nogl .isle__hint{display:none}
@media (max-width:1000px){
  .hero__in{grid-template-columns:minmax(0,1fr);min-height:0;padding-top:28px;padding-bottom:84px;gap:8px}
  .hero__text{max-width:none}
  .isle{justify-self:center;max-width:600px}
}
@media (max-width:560px){.hero__lead{font-size:17.5px}.hud__p{font-size:11.5px;padding:5px 9px}.isle__snd{width:34px;height:34px}.isle__cap{margin-top:-16px}.pill{min-height:40px;padding:0 13px;font-size:13px}}

/* ---------- the strip under the sky: server, channel, Telegram ---------- */
.strip{position:relative;z-index:3;margin-top:-58px}
.strip__in{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.tile{display:flex;align-items:center;gap:14px;min-height:78px;padding:14px 16px;border:0;border-radius:var(--r);background:var(--card);color:var(--ink);text-align:left;text-decoration:none;font:inherit;cursor:pointer;box-shadow:var(--shadow-up);transition:transform .15s var(--ease)}
.tile:hover{transform:translateY(-2px);color:var(--ink)}
.tile__ico{display:grid;place-items:center;width:46px;height:46px;flex:none;border-radius:12px;background:var(--navy);color:#fff}
.tile__ico .ico{width:23px;height:23px}
.tile__ico--red{background:#E53935}
.tile__ico--sky{background:var(--sky)}
.tile__b{display:grid;gap:3px;min-width:0;flex:1}
.tile__k{color:var(--ink3);font:800 12.5px/1.2 var(--head)}
.tile__v{overflow:hidden;font:900 19px/1.15 var(--head);text-overflow:ellipsis;white-space:nowrap}
.tile--srv .tile__v{font-family:var(--mono);font-weight:800;font-size:17px}
.tile__go{display:inline-flex;align-items:center;gap:6px;flex:none;padding:8px 12px;border-radius:10px;background:var(--sky-l);color:var(--sky-dd);font:800 13px/1 var(--head)}
.tile__go .ico{width:15px;height:15px}
.tile:hover .tile__go{background:var(--sky);color:#fff}
@media (max-width:900px){.strip__in{grid-template-columns:minmax(0,1fr)}.strip{margin-top:-44px}}
@media (max-width:560px){.tile .tile__go{display:none}.tile--srv .tile__go{display:inline-flex;gap:0;padding:9px;font-size:0}.tile--srv .tile__go .ico{width:17px;height:17px}}

/* ---------- home: the main column and the side column ---------- */
.hp{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start;padding-top:44px;padding-bottom:64px}
.hp__main{display:grid;gap:44px;min-width:0}
.hp__main>*,.block,.vshow{min-width:0}
.hp__side{display:grid;gap:20px;position:sticky;top:calc(var(--hdr) + 18px)}
@media (max-width:1100px){.hp{grid-template-columns:minmax(0,1fr)}.hp__side{position:static;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start}}
.block__head{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;margin-bottom:18px}
.block__more{display:inline-flex;align-items:center;gap:6px;min-height:28px;font:800 14.5px/1.2 var(--head);text-decoration:none}
.block__more:hover{text-decoration:underline}
.h2{font-size:clamp(26px,2.6vw,34px)}
.h2__a{display:inline-flex;align-items:center;gap:8px;color:inherit;text-decoration:none}
.h2__a:hover{color:var(--sky-d)}
.h2__go{width:26px;height:26px;color:var(--sky);transition:transform .15s var(--ease)}
.h2__a:hover .h2__go{transform:translateX(3px)}

/* side blocks: a navy bar on top, like a network site's sidebar */
.side{overflow:hidden;border-radius:var(--r);background:var(--card);box-shadow:var(--shadow);border:1px solid var(--line)}
[data-theme=dark] .side{border-color:transparent}
.side__h{display:flex;align-items:center;gap:10px;padding:13px 16px;background:var(--navy);color:#fff;font:900 16px/1.2 var(--head)}
.side__h .ico{width:19px;height:19px;color:var(--sky)}
.side>p{padding:14px 16px 0;color:var(--ink2);font-size:15px;line-height:1.5}
.side__note{padding:0 16px 14px;color:var(--ink3);font-size:12.5px}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:14px 16px;border-radius:12px;overflow:hidden;background:var(--line)}
.stat{display:grid;gap:4px;align-content:start;padding:12px;background:var(--card2)}
.stat .gem{margin-bottom:2px}
.stat__n{font:900 23px/1 var(--head);letter-spacing:-.01em}
.stat__l{color:var(--ink3);font-size:13px;line-height:1.3;font-weight:700}
.gem{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;color:#fff}
.gem .ico{width:17px;height:17px}
.gem--gold{background:linear-gradient(160deg,#FFD25E,#E8A100)}
.gem--diamond{background:linear-gradient(160deg,#6FD3FF,#1C8FE0)}
.gem--emerald{background:linear-gradient(160deg,#4BE08F,#13A35A)}
.gem--red{background:linear-gradient(160deg,#FF7A7A,#D92B2B)}
.gem--violet{background:linear-gradient(160deg,#B49BFF,#7452E8)}
.side__links{display:grid;padding:8px}
.side>p+.side__links{padding-top:10px}
.side__links a{display:flex;align-items:center;gap:12px;padding:10px;border-radius:10px;color:var(--ink);font:800 15px/1.2 var(--head);text-decoration:none}
.side__links a:hover{background:var(--sky-ll);color:var(--sky-dd)}
.side__links a>.ico{width:20px;height:20px;color:var(--sky-d)}
.side__links a>span{flex:1;min-width:0}
.side__go{width:16px!important;height:16px!important;color:var(--ink3)!important}
.side__links--ext small{display:block;margin-top:3px;color:var(--ink3);font:600 13px/1.35 var(--body)}
.side__links--ext b{font-weight:800}

/* ---------- sections ---------- */
.sect{padding:64px 0}
.sect--tint{background:var(--bg2)}
.sect__head{display:grid;gap:10px;max-width:760px;margin-bottom:28px}
.sect__head--row{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;max-width:none}
.sect__head .lead{font-size:17.5px}
.edit-link{margin-top:20px;font-size:14px}
.edit-link a{font-weight:800}

/* ---------- videos: the big player and the row under it ---------- */
.vid__screen{position:relative;overflow:hidden;aspect-ratio:16/9;border-radius:12px;background:#0B1424}
.vid__screen .scene,.vid__pic{display:block;width:100%;height:100%;object-fit:cover}
.vid__play{position:absolute;inset:0;display:grid;place-items:center;width:100%;padding:0;border:0;background:linear-gradient(180deg,transparent 55%,rgba(5,12,24,.45));cursor:pointer}
.vid__btn{display:grid;place-items:center;width:68px;height:48px;border-radius:14px;background:rgba(229,57,53,.95);color:#fff;box-shadow:0 10px 26px -8px rgba(0,0,0,.6);transition:transform .15s var(--ease),background .15s}
.vid__btn .ico{width:26px;height:26px;fill:currentColor}
.vid__play:hover .vid__btn{transform:scale(1.08);background:#F04848}
.vid__screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vid__screen.is-playing .vid__play,.vid__screen.is-playing .vid__pic{visibility:hidden}
/* while the main channel is down its videos don't play: the picture says so on hover, on keyboard focus and after a click */
.vid__down{position:absolute;inset:0;z-index:1;display:grid;align-content:center;justify-items:center;gap:6px;padding:14px 18px;background:rgba(8,18,31,.8);color:#fff;text-align:center;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s var(--ease),visibility .2s}
.vid__down b{font:900 16px/1.25 var(--head)}
.vid__down span{display:none;max-width:26em;color:#D6E4F0;font:700 13.5px/1.4 var(--body)}
.vid__screen.is-demo .vid__down span{display:block}
.vid__screen.is-down:hover .vid__down,.vid__screen.is-down .vid__play:focus-visible~.vid__down,.vid__screen.is-down.is-note .vid__down{opacity:1;visibility:visible}
.vid__screen.is-down .vid__play{cursor:default}
.vshow__f .vid__down b{font-size:21px}
.vshow__f .vid__down span{font-size:15px}
.vshow__stage{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);overflow:hidden;border-radius:var(--r);background:var(--navy);color:var(--on-navy);box-shadow:var(--shadow-up)}
.vshow__f .vid__screen{border-radius:0;height:100%}
.vshow__info{display:grid;align-content:start;gap:10px;padding:22px 22px 24px;min-width:0}
.vinfo__t{color:#fff;font-size:21px;line-height:1.22}
.vshow__info .vcard__orig{color:var(--on-navy2)}
.vshow__info .vid__note{color:var(--on-navy)}
.vshow__info .vid__link{color:#9ED3FF}
.vshow__info .vtag{background:rgba(255,255,255,.1);color:#CFE6FF}
.vshow__info .vtag--live{background:rgba(240,72,72,.25);color:#FFC2C2}
.vcard__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;color:var(--ink3);font:800 13px/1.3 var(--head)}
.vshow__info .vcard__meta{color:var(--on-navy2)}
.vcard__orig{color:var(--ink3);font-size:14px;line-height:1.4}
.vcard__ok{font-weight:800}
.vid__note{color:var(--ink2);font-size:15px;line-height:1.5}
.vid__link{display:inline-flex;align-items:center;gap:6px;min-height:28px;margin-top:2px;font:800 14px/1.2 var(--head);text-decoration:none}
.vid__link:hover{text-decoration:underline}
@media (max-width:860px){.vshow__stage{grid-template-columns:minmax(0,1fr)}.vshow__info{padding:18px}}
.vshow__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 12px}
.vshow__filters{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px}
.vshow__filters::-webkit-scrollbar{display:none}
.vshow__arrows{display:flex;gap:6px;flex:none}
.vshow__arr{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:10px;background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line2);cursor:pointer}
.vshow__arr:hover:not([disabled]){color:var(--sky-d);box-shadow:inset 0 0 0 1.5px var(--sky)}
.vshow__arr[disabled]{opacity:.4;cursor:default}
.vshow__arr .ico{width:20px;height:20px}
.vshow__rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(200px,calc((100% - 3*14px)/4));gap:14px;margin:0;padding:2px 2px 12px;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--line2) transparent}
.vshow__i{scroll-snap-align:start}
.vtile{display:grid;gap:7px;color:var(--ink);text-decoration:none}
.vtile__pic{position:relative;display:block;overflow:hidden;aspect-ratio:16/9;border-radius:10px;background:var(--navy)}
.vtile__pic img{width:100%;height:100%;object-fit:cover;transition:transform .3s var(--ease)}
.vtile:hover .vtile__pic img{transform:scale(1.04)}
.vtile__play{position:absolute;right:8px;bottom:8px;display:grid;place-items:center;width:34px;height:26px;border-radius:8px;background:rgba(229,57,53,.92);color:#fff}
.vtile__play .ico{width:15px;height:15px;fill:currentColor}
.vtile[aria-current=true] .vtile__pic{box-shadow:0 0 0 3px var(--sky)}
.vtile[aria-current=true] .vtile__play{background:var(--sky)}
.vtile__k{color:var(--ink3);font:800 12px/1.2 var(--head)}
.vtile__t{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font:800 14.5px/1.3 var(--head)}
.vtile:hover .vtile__t{color:var(--sky-d)}
@media (max-width:700px){.vshow__rail{grid-auto-columns:62%}}

/* filter chips (buttons on Home, links on the archives) */
.fchip{display:inline-flex;align-items:center;gap:7px;flex:none;min-height:36px;padding:0 13px;border:0;border-radius:999px;background:var(--card);color:var(--ink2);font:800 13.5px/1 var(--head);text-decoration:none;white-space:nowrap;cursor:pointer;box-shadow:inset 0 0 0 1.5px var(--line)}
.fchip:hover{color:var(--sky-dd);box-shadow:inset 0 0 0 1.5px var(--sky)}
.fchip[aria-pressed=true],.fchip[aria-current=true]{background:var(--navy);color:#fff;box-shadow:none}
[data-theme=dark] .fchip[aria-pressed=true],[data-theme=dark] .fchip[aria-current=true]{background:var(--sky);color:#04121F}
.fchip__n{padding:3px 7px;border-radius:999px;background:var(--bg2);color:var(--ink3);font-size:12px}
.fchip[aria-current=true] .fchip__n{background:rgba(255,255,255,.16);color:inherit}

/* ---------- chronicle cards ---------- */
.ngrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ngrid--home{grid-template-columns:repeat(2,minmax(0,1fr))}
.ncard{min-width:0}
.ncard__a{display:flex;flex-direction:column;height:100%;overflow:hidden;border-radius:var(--r);background:var(--card);color:var(--ink);text-decoration:none;box-shadow:var(--shadow);border:1px solid var(--line);transition:transform .15s var(--ease),box-shadow .15s}
[data-theme=dark] .ncard__a{border-color:transparent}
.ncard__a:hover{color:var(--ink);transform:translateY(-3px);box-shadow:var(--shadow-up)}
.ncard__cover{aspect-ratio:16/9;overflow:hidden;background:var(--navy)}
.ncard__cover .scene{width:100%;height:100%;object-fit:cover}
.ncard__body{display:grid;gap:8px;align-content:start;padding:16px 18px 20px}
.ncard__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;color:var(--ink3);font:800 12.5px/1.3 var(--head)}
.ncard__title{font-size:18.5px;line-height:1.25}
.ncard__a:hover .ncard__title{color:var(--sky-d)}
.ncard__ex{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:var(--ink2);font-size:15px;line-height:1.5}
.ncard--lead{grid-column:1/-1}
.ncard--lead .ncard__a{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
.ncard--lead .ncard__cover{aspect-ratio:auto;min-height:100%}
.ncard--lead .ncard__body{align-content:center;padding:24px 26px}
.ncard--lead .ncard__title{font-size:clamp(21px,2.1vw,26px)}
@media (max-width:980px){.ngrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.ngrid,.ngrid--home{grid-template-columns:minmax(0,1fr)}.ncard--lead .ncard__a{grid-template-columns:minmax(0,1fr)}.ncard--lead .ncard__cover{aspect-ratio:16/9}}
.nlist{display:grid;gap:14px}
.ncard--row .ncard__a{display:grid;grid-template-columns:240px minmax(0,1fr)}
.ncard--row .ncard__cover{aspect-ratio:auto;min-height:100%}
.ncard--row .ncard__cover .scene{min-height:135px}
.ncard--page .ncard__a{grid-template-columns:minmax(0,1fr)}
@media (max-width:640px){.ncard--row .ncard__a{grid-template-columns:110px minmax(0,1fr)}.ncard--row .ncard__body{padding:12px 14px}.ncard--row .ncard__ex{display:none}.ncard--row .ncard__title{font-size:16px}.ncard--row .ncard__cover .scene{min-height:96px}}

/* ---------- series ---------- */
.shelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
/* the first series takes two places: seven cards fill two rows of four */
.shelf>.ser:first-child{grid-column:span 2;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.shelf>.ser:first-child .ser__frame{aspect-ratio:auto;min-height:100%}
.shelf>.ser:first-child .ser__body{align-content:center;padding:22px 24px}
.shelf>.ser:first-child .ser__name{font-size:24px}
@media (max-width:1100px){.shelf{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.shelf{grid-template-columns:minmax(0,1fr)}.shelf>.ser:first-child{grid-column:auto;display:flex}.shelf>.ser:first-child .ser__frame{aspect-ratio:16/9}}
.ser{display:flex;flex-direction:column;overflow:hidden;border-radius:var(--r);background:var(--card);color:var(--ink);text-decoration:none;box-shadow:var(--shadow);transition:transform .15s var(--ease),box-shadow .15s}
a.ser:hover{color:var(--ink);transform:translateY(-3px);box-shadow:var(--shadow-up)}
.ser__frame{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--navy)}
.ser__frame .scene{width:100%;height:100%;object-fit:cover;transition:transform .35s var(--ease)}
a.ser:hover .ser__frame .scene{transform:scale(1.04)}
.ser__count{position:absolute;left:12px;bottom:12px;padding:5px 10px;border-radius:999px;background:rgba(8,18,35,.78);color:#fff;font:800 12.5px/1 var(--head);backdrop-filter:blur(4px)}
.ser__body{display:grid;gap:8px;align-content:start;flex:1;padding:16px 18px 18px}
.ser__name{font-size:20px}
.ser__text{color:var(--ink2);font-size:15px;line-height:1.5}
.ser__go{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:4px;color:var(--sky-d);font:800 14px/1.2 var(--head)}
.ser__go .ico{width:17px;height:17px;transition:transform .15s var(--ease)}
a.ser:hover .ser__go .ico{transform:translateX(3px)}

/* ---------- the story teaser on Home ---------- */
.teaser{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:44px;align-items:center}
.teaser__art{overflow:hidden;border-radius:var(--r-lg);box-shadow:var(--shadow-up)}
.teaser__img{width:100%;aspect-ratio:16/10;object-fit:cover}
.teaser__text{display:grid;gap:16px;justify-items:start}
.teaser__text .lead{font-size:18px}
@media (max-width:900px){.teaser{grid-template-columns:minmax(0,1fr);gap:24px}}

/* signed quotes */
.sign{position:relative;margin:0;padding:22px 24px 20px 26px;border-radius:var(--r);background:var(--card);box-shadow:var(--shadow);border-left:4px solid var(--sky)}
.sign blockquote{margin:0;font:700 18px/1.5 var(--body);color:var(--ink)}
.sign blockquote p+p{margin-top:10px}
.sign figcaption{margin-top:12px;color:var(--ink3);font:800 13.5px/1.3 var(--head)}
.sign figcaption::before{content:'— '}
.quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}
.note{margin-top:20px;color:var(--ink3);font-size:14.5px}

/* ---------- inner page heads ---------- */
.phero{position:relative;overflow:hidden;background:linear-gradient(115deg,var(--navy) 0%,#163663 55%,#1D5FA5 100%);color:#fff}
[data-theme=dark] .phero{background:linear-gradient(115deg,#050C18 0%,#0C1D38 55%,#123A6C 100%)}
.phero::before{content:'';position:absolute;inset:0;background:radial-gradient(60% 120% at 100% 0%,rgba(63,169,245,.35),transparent 60%),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 48px),repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 48px);pointer-events:none}
.phero__in{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:center;padding-top:46px;padding-bottom:48px}
.phero--art .phero__in{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.phero__text{display:grid;gap:14px;justify-items:start;max-width:780px}
.ptitle{color:#fff;font-size:clamp(34px,4.4vw,54px);line-height:1.05;letter-spacing:-.015em}
.phero .lead{color:#C9DCF2;font-size:18.5px}
.phero__lead a,.phero .phero__note a{color:#9ED3FF}
.phero__note{color:#B3C8E2;font-size:15.5px;max-width:46em}
.phero__art{justify-self:end;width:100%;max-width:460px;overflow:hidden;border-radius:var(--r-lg);box-shadow:0 30px 60px -24px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.08)}
.phero__art .scene{width:100%;aspect-ratio:16/10;object-fit:cover}
@media (max-width:900px){.phero--art .phero__in{grid-template-columns:minmax(0,1fr)}.phero__art{justify-self:start;max-width:520px}.phero__in{padding-top:32px;padding-bottom:36px}}
@media (max-width:560px){.phero__art{display:none}.phero--post .phero__art{display:block}}
.phero .downnote{background:rgba(255,255,255,.08);color:#C9DCF2}
.phero .downnote a{color:#9ED3FF}

/* ---------- archives: filters and year groups ---------- */
.sect--archive{padding-top:28px}
.filters{display:grid;gap:10px;margin-bottom:8px;padding:14px 16px;border-radius:var(--r);background:var(--card);box-shadow:var(--shadow);border:1px solid var(--line)}
[data-theme=dark] .filters{border-color:transparent}
.frow{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.frow__l{min-width:64px;color:var(--ink3);font:800 13px/1 var(--head)}
.filters__n{color:var(--ink3);font-size:13.5px;font-weight:700}
.layer{padding:26px 0 8px}
.layer__in{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;align-items:start}
.ylabel{position:sticky;top:calc(var(--hdr) + 16px);display:grid;gap:2px}
.ylabel__y{font-size:34px;color:var(--ink)}
.ylabel__n{color:var(--ink3);font-size:13.5px;font-weight:700}
@media (max-width:760px){.layer__in{grid-template-columns:minmax(0,1fr);gap:12px}.ylabel{position:static;display:flex;align-items:baseline;gap:10px}.ylabel__y{font-size:28px}}
.vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}
.vcard{display:flex;flex-direction:column;overflow:hidden;border-radius:var(--r);background:var(--card);box-shadow:var(--shadow);border:1px solid var(--line)}
[data-theme=dark] .vcard{border-color:transparent}
.vcard .vid__screen{border-radius:0}
.vcard__body{display:grid;gap:8px;align-content:start;padding:14px 16px 18px}
.vcard__title{font-size:17px;line-height:1.3}
.vcard--feature{max-width:860px}
.vcard--feature .vcard__title{font-size:22px}
.vfeed{display:grid}
.empty{margin:24px 0;color:var(--ink2);font-weight:700}
.vids__more{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}

/* ---------- a chronicle post ---------- */
.post__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;color:#B3C8E2;font:800 13.5px/1.3 var(--head)}
.phero .ntag{background:rgba(255,255,255,.12);color:#fff}
.phero a.ntag:hover{background:var(--sky)}
.post__cover .scene{aspect-ratio:16/9}
.post{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:44px;align-items:start}
.post__side{display:grid;gap:16px;position:sticky;top:calc(var(--hdr) + 18px)}
.srcbox{padding:16px 18px;border-radius:var(--r);background:var(--card);box-shadow:var(--shadow);border:1px solid var(--line)}
[data-theme=dark] .srcbox{border-color:transparent}
.srcbox__h{margin-bottom:10px;font-size:17px}
.srcbox ul{display:grid;gap:8px;margin:0;padding-left:18px;font-size:14.5px;line-height:1.4;word-break:break-word}
@media (max-width:900px){.post{grid-template-columns:minmax(0,1fr);gap:24px}.post__side{position:static}}
.vgrid--post{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.pnav{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.pnav__a{display:grid;gap:6px;padding:18px 20px;border-radius:var(--r);background:var(--card);color:var(--ink);text-decoration:none;box-shadow:var(--shadow);border:1px solid var(--line);transition:transform .15s var(--ease)}
[data-theme=dark] .pnav__a{border-color:transparent}
.pnav__a:hover{color:var(--ink);transform:translateY(-2px)}
.pnav__a--newer{text-align:right;justify-items:end}
.pnav__k{color:var(--sky-d);font:800 13px/1 var(--head)}
.pnav__t{font:900 17px/1.3 var(--head)}
.pnav__d{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--ink3);font:800 12.5px/1.3 var(--head)}
@media (max-width:640px){.pnav{grid-template-columns:minmax(0,1fr)}.pnav__gap{display:none}.pnav__a--newer{text-align:left;justify-items:start}}

/* ---------- text ---------- */
.prose{max-width:760px;font-size:17.5px;line-height:1.7}
.prose>*+*{margin-top:18px}
.prose h2{margin-top:44px;font-size:clamp(25px,2.4vw,31px)}
.prose h3{margin-top:30px;font-size:21px}
.prose h2+*,.prose h3+*{margin-top:12px}
.prose ul,.prose ol{padding-left:24px}
.prose li+li{margin-top:7px}
.prose li::marker{color:var(--sky-d)}
.prose a{font-weight:700}
.prose img{border-radius:12px}
.prose figure{margin:24px 0}
.prose figcaption{margin-top:8px;color:var(--ink3);font-size:14px}
.prose blockquote{margin:24px 0;padding:16px 20px;border-left:4px solid var(--sky);border-radius:0 12px 12px 0;background:var(--sky-ll);color:var(--ink)}
.prose blockquote cite{display:block;margin-top:8px;color:var(--ink3);font-size:14px;font-style:normal;font-weight:800}
.prose table{width:100%;border-collapse:collapse;font-size:15.5px}
.prose th,.prose td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.prose th{font:800 14px/1.3 var(--head);color:var(--ink2)}
.prose .wp-block-details{padding:14px 18px;border-radius:12px;background:var(--card);box-shadow:var(--shadow);border:1px solid var(--line)}
.prose .wp-block-details summary{font:800 16.5px/1.35 var(--head);cursor:pointer}
.prose .wp-block-details[open] summary{margin-bottom:10px}
.prose--legal{font-size:16.5px}
.prose--legal h2{font-size:24px}
.wp-block-image img{height:auto}
.aligncenter{margin-left:auto;margin-right:auto}
mark{padding:0 2px;border-radius:4px;background:#FFE58A;color:#1A1300}
.muted{color:var(--ink3)}

/* sections of the Info and Setup pages */
.sc-sec{scroll-margin-top:calc(var(--hdr) + 20px)}
.sc-sec+.sc-sec{margin-top:48px}
.prose .sc-h,.kit .sc-h{display:flex;align-items:center;gap:12px;margin:0 0 16px;font-size:clamp(25px,2.5vw,31px)}
.sc-h__ore{flex:none}
.sc-lead{color:var(--ink2);font-size:18px}
.sc-small,.prose .sc-small{color:var(--ink3);font-size:14px}
.sc-list{padding-left:22px}
.sc-facts{display:grid;gap:0;margin:0;border-radius:12px;overflow:hidden;border:1px solid var(--line)}
.sc-facts>div{display:grid;grid-template-columns:minmax(120px,40%) minmax(0,1fr);gap:12px;padding:10px 14px;background:var(--card)}
.sc-facts>div:nth-child(even){background:var(--card2)}
.sc-facts dt{color:var(--ink3);font:800 14px/1.4 var(--head)}
.sc-facts dd{margin:0;font-weight:700}
.sc-series{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.prose .sc-series li+li{margin-top:0}
.sc-series__i{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;align-items:center;padding:10px;border-radius:12px;background:var(--card);box-shadow:var(--shadow);border:1px solid var(--line)}
.sc-series__art{overflow:hidden;border-radius:8px;line-height:0}
.sc-series__art .scene{width:100%;aspect-ratio:16/9;object-fit:cover}
.sc-series__t{display:grid;gap:2px;font-size:15.5px;line-height:1.45}
.sc-series__t strong{font:900 17px/1.25 var(--head)}
.sc-series__t em{color:var(--ink3);font-style:normal;font-size:13.5px;font-weight:800}
@media (max-width:560px){.sc-series__i{grid-template-columns:96px minmax(0,1fr);gap:12px}}
.srvbox{display:grid;gap:14px}
.srvbox__ip{display:flex;align-items:center;gap:12px;width:100%;max-width:460px;padding:12px 14px;border:0;border-radius:12px;background:var(--navy);color:#fff;text-align:left;cursor:pointer;font:inherit;box-shadow:var(--shadow)}
.srvbox__ip:hover{background:var(--navy2)}
.srvbox__k{color:var(--on-navy2);font:800 12.5px/1 var(--head)}
.srvbox__v{flex:1;font:800 17px/1.2 var(--mono)}
.srvbox__go{padding:8px 12px;border-radius:9px;background:var(--sky);color:#fff;font:800 13px/1 var(--head)}
.mailbox{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-weight:800}
.soon{padding:16px 18px;border-radius:12px;background:var(--card2);border:1px dashed var(--line2)}
.soon__h{display:flex;align-items:center;gap:8px;font:800 15px/1.3 var(--head);color:var(--ink2)}

/* link cards */
.links,.cards3{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.prose .links,.prose .sc-series,.prose .sc-facts{padding-left:0}
.prose .lnk *,.prose .sc-series *,.prose .srvbox *{margin-top:0}
.prose .lnk{font-size:15px;line-height:1.5}
.prose .lnk__name{font-size:19px}
.lnk{position:relative;display:grid;align-content:start;gap:8px;padding:20px;border-radius:var(--r);background:var(--card);color:var(--ink);text-decoration:none;box-shadow:var(--shadow);border:1px solid var(--line);transition:transform .15s var(--ease),box-shadow .15s}
[data-theme=dark] .lnk{border-color:transparent}
a.lnk:hover{color:var(--ink);transform:translateY(-3px);box-shadow:var(--shadow-up)}
.lnk>.ico{width:40px;height:40px;padding:9px;border-radius:11px;background:var(--sky-l);color:var(--sky-dd)}
.lnk__name{font-size:19px}
.lnk__text{color:var(--ink2);font-size:15px;line-height:1.5}
.lnk__go{display:inline-flex;align-items:center;gap:6px;margin-top:4px;color:var(--sky-d);font:800 14px/1.2 var(--head)}
.lnk--mail .lnk__go{word-break:break-all}
.copy{justify-self:start}
.safe{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;max-width:820px;margin-top:28px;padding:20px 22px;border-radius:var(--r);background:#FFF1F1;color:#5A1717;border:1px solid #FFD0D0}
[data-theme=dark] .safe{background:#2A1015;color:#FFD6D6;border-color:#4A1E26}
.safe>.ico{width:30px;height:30px;color:#D92B2B}
.safe p+p{margin-top:8px}

/* ---------- the Story page ---------- */
.bio{display:grid;grid-template-columns:300px minmax(0,1fr);gap:48px;align-items:start}
.facts{position:sticky;top:calc(var(--hdr) + 18px);display:grid;gap:14px;padding:18px;border-radius:var(--r);background:var(--card);box-shadow:var(--shadow);border:1px solid var(--line)}
[data-theme=dark] .facts{border-color:transparent}
.facts__head{display:flex;align-items:center;gap:12px}
.facts__name{font:900 20px/1.1 var(--head)}
.facts__sub{color:var(--ink3);font-size:13.5px;font-weight:700}
.facts .sc-facts>div{grid-template-columns:minmax(0,1fr);gap:2px}
@media (max-width:900px){.bio{grid-template-columns:minmax(0,1fr);gap:28px}.facts{position:static}}
.head{position:relative;display:block;flex:none;width:var(--s,52px);height:var(--s,52px);overflow:hidden;border-radius:10px;background:url(../art/skin.png) no-repeat;background-size:calc(var(--s,52px)*8) calc(var(--s,52px)*8);background-position:calc(var(--s,52px)*-1) calc(var(--s,52px)*-1);image-rendering:pixelated;box-shadow:0 6px 14px -6px rgba(13,26,44,.5)}
.head::after{content:'';position:absolute;inset:0;background:inherit;background-position:calc(var(--s,52px)*-5) calc(var(--s,52px)*-1);box-shadow:none}
/* the timeline: the line fills as you read down */
.shaft{position:relative;max-width:980px;margin:0 auto}
.shaft__line{position:absolute;left:50%;top:0;bottom:0;width:4px;margin-left:-2px;border-radius:4px;background:var(--line)}
.shaft__fill{width:100%;height:var(--fill,0%);border-radius:4px;background:linear-gradient(180deg,var(--sky),var(--sky-d))}
.shaft__list{position:relative;display:grid;gap:18px;margin:0;padding:0;list-style:none}
.ms-year{display:flex;justify-content:center;padding:10px 0}
.ms-year span{padding:6px 14px;border-radius:999px;background:var(--navy);color:#fff;font:900 16px/1 var(--head)}
.ms{position:relative;display:grid;gap:6px;width:calc(50% - 34px);padding:16px 18px;border-radius:var(--r);background:var(--card);box-shadow:var(--shadow);border:1px solid var(--line)}
[data-theme=dark] .ms{border-color:transparent}
.ms--l{justify-self:start}
.ms--r{justify-self:end}
.ms__ore{position:absolute;top:16px}
.ms--l .ms__ore{right:-50px}
.ms--r .ms__ore{left:-50px}
.ms__date{color:var(--sky-d);font:800 13px/1.2 var(--head)}
.ms__title{font-size:18px;line-height:1.3}
.ms__text{color:var(--ink2);font-size:15px;line-height:1.5}
.ms .btn{justify-self:start;margin-top:4px}
.ms--now{box-shadow:0 0 0 2px var(--sky),var(--shadow)}
.ms .gem{transition:transform .3s var(--ease),filter .3s}
.js .ms:not(.is-lit) .gem{filter:grayscale(1) brightness(1.15);opacity:.55}
@media (max-width:760px){.shaft__line{left:15px}.ms{width:auto;margin-left:46px}.ms--l,.ms--r{justify-self:stretch}.ms--l .ms__ore,.ms--r .ms__ore{left:-46px;right:auto}.ms-year{justify-content:flex-start}}
.cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 32px;padding:30px 32px;border-radius:var(--r-lg);background:linear-gradient(115deg,var(--navy),#1D5FA5);color:#fff;box-shadow:var(--shadow-up)}
.cta h2{color:#fff;font-size:clamp(24px,2.6vw,32px)}
.cta p{margin-top:6px;color:#C9DCF2;max-width:36em}
.cta .btn--ghost{background:rgba(255,255,255,.1);color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.3)}
.cta .btn--ghost:hover{background:rgba(255,255,255,.18);color:#fff}

/* ---------- the Info page: contents on the left, search over the text ---------- */
.guide{display:grid;grid-template-columns:250px minmax(0,1fr);gap:44px;align-items:start}
.guide--one{grid-template-columns:minmax(0,1fr)}
.gtoc{position:sticky;top:calc(var(--hdr) + 18px);padding:10px;border-radius:var(--r);background:var(--card);box-shadow:var(--shadow);border:1px solid var(--line)}
[data-theme=dark] .gtoc{border-color:transparent}
.gtoc__h{padding:8px 10px;color:var(--ink3);font:800 13px/1 var(--head)}
.gtoc ol{display:grid;gap:2px;margin:0;padding:0;list-style:none}
.gtoc a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;color:var(--ink2);font:800 14.5px/1.25 var(--head);text-decoration:none}
.gtoc a:hover{background:var(--sky-ll);color:var(--ink)}
.gtoc a.is-on{background:var(--sky-l);color:var(--sky-dd)}
.gtoc .gem{width:24px;height:24px;border-radius:7px}
.gtoc .gem .ico{width:14px;height:14px}
@media (max-width:900px){.guide{grid-template-columns:minmax(0,1fr);gap:20px}.gtoc{position:static}.gtoc ol{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}
.guide__main{min-width:0}
.gsearch{position:relative;display:flex;align-items:center;gap:10px;max-width:760px;margin-bottom:28px;padding:0 14px;border-radius:12px;background:var(--card);box-shadow:var(--shadow);border:1.5px solid var(--line)}
.gsearch:focus-within{border-color:var(--sky)}
.gsearch__i{width:20px;height:20px;color:var(--ink3)}
.gsearch input{flex:1;min-width:0;height:50px;border:0;background:none;color:var(--ink);font:700 16px/1 var(--body)}
.gsearch input:focus{outline:none}
.gsearch__n{color:var(--ink3);font-size:13px;font-weight:800;white-space:nowrap}
.gsearch__k{flex:none;font-size:12px;color:var(--ink3)}
@media (max-width:700px){.gsearch__k{display:none}}
.gnone{margin:-12px 0 24px;color:var(--ink2);font-weight:700}

/* ---------- the Setup page ---------- */
.kit{display:grid;gap:56px}
.kit>.sc-sec+.sc-sec,.kit .kit-sec+.kit-sec{margin-top:0}
.kit-sec{scroll-margin-top:calc(var(--hdr) + 20px)}
.kit-lead{max-width:46em;margin:-4px 0 20px;color:var(--ink2);font-size:17.5px}
.kit-bar{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.kit-slot{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:14px;align-content:start;padding:14px;border-radius:var(--r);background:var(--card);box-shadow:var(--shadow);border:1px solid var(--line)}
[data-theme=dark] .kit-slot{border-color:transparent}
.kit-slot>p{grid-column:2;margin:0}
.kit-slot__i{grid-column:1;grid-row:1/span 3;width:52px!important;height:52px!important;padding:12px;border-radius:12px;background:var(--navy);color:#fff}
.kit-slot__k{color:var(--ink3);font:800 12.5px/1.2 var(--head)}
.kit-slot__n{margin-top:3px;font:900 17px/1.25 var(--head)}
.kit-slot__n a{color:inherit}
.kit-slot__s{margin-top:4px;color:var(--ink2);font-size:14px;line-height:1.45}
/* with the script on a wide screen the cards become a hotbar, the picked slot's card shows under it */
.kit-bar.is-bar{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding:12px;border-radius:var(--r-lg);background:var(--navy);box-shadow:var(--shadow-up)}
.kit-bar.is-bar .kit-slot{display:grid;grid-template-columns:1fr;place-items:center;width:72px;height:72px;padding:0;border:0;border-radius:14px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.1);cursor:pointer;transition:transform .12s var(--ease),background .12s}
.kit-bar.is-bar .kit-slot>p{display:none}
.kit-bar.is-bar .kit-slot__i{grid-row:auto;grid-column:auto;width:40px!important;height:40px!important;padding:0;background:none;color:#CFE6FF}
.kit-bar.is-bar .kit-slot:hover{background:rgba(255,255,255,.12)}
.kit-bar.is-bar .kit-slot.is-sel{background:var(--sky);box-shadow:0 0 0 3px #fff;transform:translateY(-3px)}
.kit-bar.is-bar .kit-slot.is-sel .kit-slot__i{color:#fff}
.kit-tip{max-width:560px;margin:14px auto 0;padding:16px 20px;border-radius:var(--r);background:var(--card);box-shadow:var(--shadow-up);border:1px solid var(--line);text-align:center}
.kit-tip .kit-slot__n{font-size:21px}
.kit-hint{margin-top:10px;color:var(--ink3);font-size:13.5px;text-align:center;font-weight:700}
.kit-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}
.kit-panel,.kit-mods{padding:18px 20px;border-radius:var(--r);background:var(--card);box-shadow:var(--shadow);border:1px solid var(--line)}
[data-theme=dark] .kit-panel,[data-theme=dark] .kit-mods{border-color:transparent}
.kit-panel h3,.kit-mods h3{margin-bottom:12px;font-size:18px}
.kit-opts{display:grid;gap:8px}
.kit-opt{display:block;margin:0}
.kit-opt>span{position:relative;display:block;padding:10px 14px;border-radius:10px;background:var(--card2);font:800 14.5px/1.3 var(--head);text-align:center;border:1px solid var(--line)}
.kit-opt--slider>span{background:linear-gradient(90deg,var(--sky-l) var(--v),var(--card2) var(--v))}
.kit-mods ul{margin:0;padding-left:20px;display:grid;gap:6px}
.kit-small{color:var(--ink3);font-size:14px}
.kit-v{font-weight:800}
.kit-d{color:var(--ink3)}
/* the skin in 3D */
.skin3d{display:grid;justify-items:center;gap:12px;padding:20px;border-radius:var(--r-lg);background:radial-gradient(80% 70% at 50% 40%,var(--sky-l),transparent 70%),var(--card);box-shadow:var(--shadow);border:1px solid var(--line)}
[data-theme=dark] .skin3d{border-color:transparent}
.skin3d__hint{color:var(--ink3);font-size:13.5px;font-weight:700}
.skin3d__view{--u:9px;position:relative;width:100%;height:calc(var(--u)*40);display:grid;place-items:center;perspective:1000px;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}
.skin3d__view:active{cursor:grabbing}
.skin3d__view:focus-visible{outline-offset:4px}
.skin3d__rig{position:relative;width:0;height:0;transform-style:preserve-3d;transform:rotateX(-12deg) rotateY(var(--ry,-30deg));animation:skinspin 16s linear infinite}
.skin3d__view.is-manual .skin3d__rig,.rm .skin3d__rig{animation:none}
@keyframes skinspin{from{transform:rotateX(-12deg) rotateY(-30deg)}to{transform:rotateX(-12deg) rotateY(330deg)}}
.sk{position:absolute;left:0;top:0;width:0;height:0;transform-style:preserve-3d}
.sk .f{position:absolute;left:0;top:0;display:block;background-image:var(--skin);background-size:calc(var(--u)*64) calc(var(--u)*64);background-repeat:no-repeat;image-rendering:pixelated;backface-visibility:hidden}
.sk--o .f{backface-visibility:visible}
.sk .f--top{filter:brightness(1.12)}
.sk .f--right,.sk .f--left{filter:brightness(.82)}
.sk .f--back{filter:brightness(.74)}
.sk .f--bottom{filter:brightness(.6)}
@media (max-width:640px){.skin3d__view{--u:7px}}

/* ---------- the SpookyTime page: the address and a card for every server page ---------- */
.hub{display:grid;gap:32px}
.hub__intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,400px);gap:28px;align-items:center}
.hub__intro .prose{font-size:18px}
.hub__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.hcard{display:grid;gap:10px;align-content:start;padding:22px;border-radius:var(--r);background:var(--card);color:var(--ink);text-decoration:none;box-shadow:var(--shadow);border:1px solid var(--line);transition:transform .15s var(--ease),box-shadow .15s}
[data-theme=dark] .hcard{border-color:transparent}
.hcard:hover{color:var(--ink);transform:translateY(-3px);box-shadow:var(--shadow-up)}
.hcard .gem{width:46px;height:46px;border-radius:13px}
.hcard .gem .ico{width:24px;height:24px}
.hcard__t{font:900 21px/1.2 var(--head)}
.hcard__x{color:var(--ink2);font-size:15px;line-height:1.5}
.hcard__go{display:inline-flex;align-items:center;gap:6px;margin-top:4px;color:var(--sky-d);font:800 14px/1.2 var(--head)}
.hcard__go .ico{width:17px;height:17px;transition:transform .15s var(--ease)}
.hcard:hover .hcard__go .ico{transform:translateX(3px)}
@media (max-width:980px){.hub__intro{grid-template-columns:minmax(0,1fr)}.hub__cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.hub__cards{grid-template-columns:minmax(0,1fr)}}

/* ---------- not found ---------- */
.lost{padding:56px 0 72px}
.lost__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}
.lost__art{overflow:hidden;border-radius:var(--r-lg);box-shadow:var(--shadow-up)}
.lost__art .scene{width:100%;aspect-ratio:16/10;object-fit:cover}
.lost__text{display:grid;gap:14px;justify-items:start}
.lost .lost__code{color:var(--sky-d);font:900 64px/1 var(--head)}
.lost h1{font-size:clamp(28px,3.2vw,40px)}
.lost p{color:var(--ink2)}
@media (max-width:800px){.lost__in{grid-template-columns:minmax(0,1fr)}}

/* pagination */
.navigation.pagination{margin-top:28px}
.nav-links{display:flex;flex-wrap:wrap;gap:6px}
.page-numbers{display:grid;place-items:center;min-width:40px;height:40px;padding:0 10px;border-radius:10px;background:var(--card);color:var(--ink);font:800 14px/1 var(--head);text-decoration:none;box-shadow:inset 0 0 0 1.5px var(--line)}
.page-numbers.current{background:var(--navy);color:#fff;box-shadow:none}

/* reduced motion */
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

.sk--head{transform:translate3d(0,calc(var(--u)*-12),0)}.sk--head .f--front{width:calc(var(--u)*8);height:calc(var(--u)*8);margin:calc(var(--u)*-4) 0 0 calc(var(--u)*-4);background-position:calc(var(--u)*-8) calc(var(--u)*-8);transform:translateZ(calc(var(--u)*4))}.sk--head.sk--o .f--front{background-position:calc(var(--u)*-40) calc(var(--u)*-8);transform:translateZ(calc(var(--u)*4.5)) scale(1.125,1.125)}.sk--head .f--back{width:calc(var(--u)*8);height:calc(var(--u)*8);margin:calc(var(--u)*-4) 0 0 calc(var(--u)*-4);background-position:calc(var(--u)*-24) calc(var(--u)*-8);transform:rotateY(180deg) translateZ(calc(var(--u)*4))}.sk--head.sk--o .f--back{background-position:calc(var(--u)*-56) calc(var(--u)*-8);transform:rotateY(180deg) translateZ(calc(var(--u)*4.5)) scale(1.125,1.125)}.sk--head .f--right{width:calc(var(--u)*8);height:calc(var(--u)*8);margin:calc(var(--u)*-4) 0 0 calc(var(--u)*-4);background-position:0 calc(var(--u)*-8);transform:rotateY(-90deg) translateZ(calc(var(--u)*4))}.sk--head.sk--o .f--right{background-position:calc(var(--u)*-32) calc(var(--u)*-8);transform:rotateY(-90deg) translateZ(calc(var(--u)*4.5)) scale(1.125,1.125)}.sk--head .f--left{width:calc(var(--u)*8);height:calc(var(--u)*8);margin:calc(var(--u)*-4) 0 0 calc(var(--u)*-4);background-position:calc(var(--u)*-16) calc(var(--u)*-8);transform:rotateY(90deg) translateZ(calc(var(--u)*4))}.sk--head.sk--o .f--left{background-position:calc(var(--u)*-48) calc(var(--u)*-8);transform:rotateY(90deg) translateZ(calc(var(--u)*4.5)) scale(1.125,1.125)}.sk--head .f--top{width:calc(var(--u)*8);height:calc(var(--u)*8);margin:calc(var(--u)*-4) 0 0 calc(var(--u)*-4);background-position:calc(var(--u)*-8) 0;transform:rotateX(90deg) translateZ(calc(var(--u)*4))}.sk--head.sk--o .f--top{background-position:calc(var(--u)*-40) 0;transform:rotateX(90deg) translateZ(calc(var(--u)*4.5)) scale(1.125,1.125)}.sk--head .f--bottom{width:calc(var(--u)*8);height:calc(var(--u)*8);margin:calc(var(--u)*-4) 0 0 calc(var(--u)*-4);background-position:calc(var(--u)*-16) 0;transform:rotateX(-90deg) translateZ(calc(var(--u)*4))}.sk--head.sk--o .f--bottom{background-position:calc(var(--u)*-48) 0;transform:rotateX(-90deg) translateZ(calc(var(--u)*4.5)) scale(1.125,1.125)}.sk--body{transform:translate3d(0,calc(var(--u)*-2),0)}.sk--body .f--front{width:calc(var(--u)*8);height:calc(var(--u)*12);margin:calc(var(--u)*-6) 0 0 calc(var(--u)*-4);background-position:calc(var(--u)*-20) calc(var(--u)*-20);transform:translateZ(calc(var(--u)*2))}.sk--body.sk--o .f--front{background-position:calc(var(--u)*-20) calc(var(--u)*-36);transform:translateZ(calc(var(--u)*2.25)) scale(1.0625,1.0417)}.sk--body .f--back{width:calc(var(--u)*8);height:calc(var(--u)*12);margin:calc(var(--u)*-6) 0 0 calc(var(--u)*-4);background-position:calc(var(--u)*-32) calc(var(--u)*-20);transform:rotateY(180deg) translateZ(calc(var(--u)*2))}.sk--body.sk--o .f--back{background-position:calc(var(--u)*-32) calc(var(--u)*-36);transform:rotateY(180deg) translateZ(calc(var(--u)*2.25)) scale(1.0625,1.0417)}.sk--body .f--right{width:calc(var(--u)*4);height:calc(var(--u)*12);margin:calc(var(--u)*-6) 0 0 calc(var(--u)*-2);background-position:calc(var(--u)*-16) calc(var(--u)*-20);transform:rotateY(-90deg) translateZ(calc(var(--u)*4))}.sk--body.sk--o .f--right{background-position:calc(var(--u)*-16) calc(var(--u)*-36);transform:rotateY(-90deg) translateZ(calc(var(--u)*4.25)) scale(1.125,1.0417)}.sk--body .f--left{width:calc(var(--u)*4);height:calc(var(--u)*12);margin:calc(var(--u)*-6) 0 0 calc(var(--u)*-2);background-position:calc(var(--u)*-28) calc(var(--u)*-20);transform:rotateY(90deg) translateZ(calc(var(--u)*4))}.sk--body.sk--o .f--left{background-position:calc(var(--u)*-28) calc(var(--u)*-36);transform:rotateY(90deg) translateZ(calc(var(--u)*4.25)) scale(1.125,1.0417)}.sk--body .f--top{width:calc(var(--u)*8);height:calc(var(--u)*4);margin:calc(var(--u)*-2) 0 0 calc(var(--u)*-4);background-position:calc(var(--u)*-20) calc(var(--u)*-16);transform:rotateX(90deg) translateZ(calc(var(--u)*6))}.sk--body.sk--o .f--top{background-position:calc(var(--u)*-20) calc(var(--u)*-32);transform:rotateX(90deg) translateZ(calc(var(--u)*6.25)) scale(1.0625,1.125)}.sk--body .f--bottom{width:calc(var(--u)*8);height:calc(var(--u)*4);margin:calc(var(--u)*-2) 0 0 calc(var(--u)*-4);background-position:calc(var(--u)*-28) calc(var(--u)*-16);transform:rotateX(-90deg) translateZ(calc(var(--u)*6))}.sk--body.sk--o .f--bottom{background-position:calc(var(--u)*-28) calc(var(--u)*-32);transform:rotateX(-90deg) translateZ(calc(var(--u)*6.25)) scale(1.0625,1.125)}.sk--armr{transform:translate3d(calc(var(--u)*-6),calc(var(--u)*-2),0)}.sk--armr .f--front{width:calc(var(--u)*4);height:calc(var(--u)*12);margin:calc(var(--u)*-6) 0 0 calc(var(--u)*-2);background-position:calc(var(--u)*-44) calc(var(--u)*-20);transform:translateZ(calc(var(--u)*2))}.sk--armr.sk--o .f--front{background-position:calc(var(--u)*-44) calc(var(--u)*-36);transform:translateZ(calc(var(--u)*2.25)) scale(1.125,1.0417)}.sk--armr .f--back{width:calc(var(--u)*4);height:calc(var(--u)*12);margin:calc(var(--u)*-6) 0 0 calc(var(--u)*-2);background-position:calc(var(--u)*-52) calc(var(--u)*-20);transform:rotateY(180deg) translateZ(calc(var(--u)*2))}.sk--armr.sk--o .f--back{background-position:calc(var(--u)*-52) calc(var(--u)*-36);transform:rotateY(180deg) translateZ(calc(var(--u)*2.25)) scale(1.125,1.0417)}.sk--armr .f--right{width:calc(var(--u)*4);height:calc(var(--u)*12);margin:calc(var(--u)*-6) 0 0 calc(var(--u)*-2);background-position:calc(var(--u)*-40) calc(var(--u)*-20);transform:rotateY(-90deg) translateZ(calc(var(--u)*2))}.sk--armr.sk--o .f--right{background-position:calc(var(--u)*-40) calc(var(--u)*-36);transform:rotateY(-90deg) translateZ(calc(var(--u)*2.25)) scale(1.125,1.0417)}.sk--armr .f--left{width:calc(var(--u)*4);height:calc(var(--u)*12);margin:calc(var(--u)*-6) 0 0 calc(var(--u)*-2);background-position:calc(var(--u)*-48) calc(var(--u)*-20);transform:rotateY(90deg) translateZ(calc(var(--u)*2))}.sk--armr.sk--o .f--left{background-position:calc(var(--u)*-48) calc(var(--u)*-36);transform:rotateY(90deg) translateZ(calc(var(--u)*2.25)) scale(1.125,1.0417)}.sk--armr .f--top{width:calc(var(--u)*4);height:calc(var(--u)*4);margin:calc(var(--u)*-2) 0 0 calc(var(--u)*-2);background-position:calc(var(--u)*-44) calc(var(--u)*-16);transform:rotateX(90deg) translateZ(calc(var(--u)*6))}.sk--armr.sk--o .f--top{background-position:calc(var(--u)*-44) calc(var(--u)*-32);transform:rotateX(90deg) translateZ(calc(var(--u)*6.25)) scale(1.125,1.125)}.sk--armr .f--bottom{width:calc(var(--u)*4);height:calc(var(--u)*4);margin:calc(var(--u)*-2) 0 0 calc(var(--u)*-2);background-position:calc(var(--u)*-48) calc(var(--u)*-16);transform:rotateX(-90deg) translateZ(calc(var(--u)*6))}.sk--armr.sk--o .f--bottom{background-position:calc(var(--u)*-48) calc(var(--u)*-32);transform:rotateX(-90deg) translateZ(calc(var(--u)*6.25)) scale(1.125,1.125)}.sk--arml{transform:translate3d(calc(var(--u)*6),calc(var(--u)*-2),0)}.sk--arml .f--front{width:calc(var(--u)*4);height:calc(var(--u)*12);margin:calc(var(--u)*-6) 0 0 calc(var(--u)*-2);background-position:calc(var(--u)*-36) calc(var(--u)*-52);transform:translateZ(calc(var(--u)*2))}.sk--arml.sk--o .f--front{background-position:calc(var(--u)*-52) calc(var(--u)*-52);transform:translateZ(calc(var(--u)*2.25)) scale(1.125,1.0417)}.sk--arml .f--back{width:calc(var(--u)*4);height:calc(var(--u)*12);margin:calc(var(--u)*-6) 0 0 calc(var(--u)*-2);background-position:calc(var(--u)*-44) calc(var(--u)*-52);transform:rotateY(180deg) translateZ(calc(var(--u)*2))}.sk--arml.sk--o .f--back{background-position:calc(var(--u)*-60) calc(var(--u)*-52);transform:rotateY(180deg) translateZ(calc(var(--u)*2.25)) scale(1.125,1.0417)}.sk--arml .f--right{width:calc(var(--u)*4);height:calc(var(--u)*12);margin:calc(var(--u)*-6) 0 0 calc(var(--u)*-2);background-position:calc(var(--u)*-32) calc(var(--u)*-52);transform:rotateY(-90deg) translateZ(calc(var(--u)*2))}.sk--arml.sk--o .f--right{background-position:calc(var(--u)*-48) calc(var(--u)*-52);transform:rotateY(-90deg) translateZ(calc(var(--u)*2.25)) scale(1.125,1.0417)}.sk--arml .f--left{width:calc(var(--u)*4);height:calc(var(--u)*12);margin:calc(var(--u)*-6) 0 0 calc(var(--u)*-2);background-position:calc(var(--u)*-40) calc(var(--u)*-52);transform:rotateY(90deg) translateZ(calc(var(--u)*2))}.sk--arml.sk--o .f--left{background-position:calc(var(--u)*-56) calc(var(--u)*-52);transform:rotateY(90deg) translateZ(calc(var(--u)*2.25)) scale(1.125,1.0417)}.sk--arml .f--top{width:calc(var(--u)*4);height:calc(var(--u)*4);margin:calc(var(--u)*-2) 0 0 calc(var(--u)*-2);background-position:calc(var(--u)*-36) calc(var(--u)*-48);transform:rotateX(90deg) translateZ(calc(var(--u)*6))}.sk--arml.sk--o .f--top{background-position:calc(var(--u)*-52) calc(var(--u)*-48);transform:rotateX(90deg) translateZ(calc(var(--u)*6.25)) scale(1.125,1.125)}.sk--arml .f--bottom{width:calc(var(--u)*4);height:calc(var(--u)*4);margin:calc(var(--u)*-2) 0 0 calc(var(--u)*-2);background-position:calc(var(--u)*-40) calc(var(--u)*-48);transform:rotateX(-90deg) translateZ(calc(var(--u)*6))}.sk--arml.sk--o .f--bottom{background-position:calc(var(--u)*-56) calc(var(--u)*-48);transform:rotateX(-90deg) translateZ(calc(var(--u)*6.25)) scale(1.125,1.125)}.sk--legr{transform:translate3d(calc(var(--u)*-2),calc(var(--u)*10),0)}.sk--legr .f--front{width:calc(var(--u)*4);height:calc(var(--u)*12);margin:calc(var(--u)*-6) 0 0 calc(var(--u)*-2);background-position:calc(var(--u)*-4) calc(var(--u)*-20);transform:translateZ(calc(var(--u)*2))}.sk--legr.sk--o .f--front{background-position:calc(var(--u)*-4) calc(var(--u)*-36);transform:translateZ(calc(var(--u)*2.25)) scale(1.125,1.0417)}.sk--legr .f--back{width:calc(var(--u)*4);height:calc(var(--u)*12);margin:calc(var(--u)*-6) 0 0 calc(var(--u)*-2);background-position:calc(var(--u)*-12) calc(var(--u)*-20);transform:rotateY(180deg) translateZ(calc(var(--u)*2))}.sk--legr.sk--o .f--back{background-position:calc(var(--u)*-12) calc(var(--u)*-36);transform:rotateY(180deg) translateZ(calc(var(--u)*2.25)) scale(1.125,1.0417)}.sk--legr .f--right{width:calc(var(--u)*4);height:calc(var(--u)*12);margin:calc(var(--u)*-6) 0 0 calc(var(--u)*-2);background-position:0 calc(var(--u)*-20);transform:rotateY(-90deg) translateZ(calc(var(--u)*2))}.sk--legr.sk--o .f--right{background-position:0 calc(var(--u)*-36);transform:rotateY(-90deg) translateZ(calc(var(--u)*2.25)) scale(1.125,1.0417)}.sk--legr .f--left{width:calc(var(--u)*4);height:calc(var(--u)*12);margin:calc(var(--u)*-6) 0 0 calc(var(--u)*-2);background-position:calc(var(--u)*-8) calc(var(--u)*-20);transform:rotateY(90deg) translateZ(calc(var(--u)*2))}.sk--legr.sk--o .f--left{background-position:calc(var(--u)*-8) calc(var(--u)*-36);transform:rotateY(90deg) translateZ(calc(var(--u)*2.25)) scale(1.125,1.0417)}.sk--legr .f--top{width:calc(var(--u)*4);height:calc(var(--u)*4);margin:calc(var(--u)*-2) 0 0 calc(var(--u)*-2);background-position:calc(var(--u)*-4) calc(var(--u)*-16);transform:rotateX(90deg) translateZ(calc(var(--u)*6))}.sk--legr.sk--o .f--top{background-position:calc(var(--u)*-4) calc(var(--u)*-32);transform:rotateX(90deg) translateZ(calc(var(--u)*6.25)) scale(1.125,1.125)}.sk--legr .f--bottom{width:calc(var(--u)*4);height:calc(var(--u)*4);margin:calc(var(--u)*-2) 0 0 calc(var(--u)*-2);background-position:calc(var(--u)*-8) calc(var(--u)*-16);transform:rotateX(-90deg) translateZ(calc(var(--u)*6))}.sk--legr.sk--o .f--bottom{background-position:calc(var(--u)*-8) calc(var(--u)*-32);transform:rotateX(-90deg) translateZ(calc(var(--u)*6.25)) scale(1.125,1.125)}.sk--legl{transform:translate3d(calc(var(--u)*2),calc(var(--u)*10),0)}.sk--legl .f--front{width:calc(var(--u)*4);height:calc(var(--u)*12);margin:calc(var(--u)*-6) 0 0 calc(var(--u)*-2);background-position:calc(var(--u)*-20) calc(var(--u)*-52);transform:translateZ(calc(var(--u)*2))}.sk--legl.sk--o .f--front{background-position:calc(var(--u)*-4) calc(var(--u)*-52);transform:translateZ(calc(var(--u)*2.25)) scale(1.125,1.0417)}.sk--legl .f--back{width:calc(var(--u)*4);height:calc(var(--u)*12);margin:calc(var(--u)*-6) 0 0 calc(var(--u)*-2);background-position:calc(var(--u)*-28) calc(var(--u)*-52);transform:rotateY(180deg) translateZ(calc(var(--u)*2))}.sk--legl.sk--o .f--back{background-position:calc(var(--u)*-12) calc(var(--u)*-52);transform:rotateY(180deg) translateZ(calc(var(--u)*2.25)) scale(1.125,1.0417)}.sk--legl .f--right{width:calc(var(--u)*4);height:calc(var(--u)*12);margin:calc(var(--u)*-6) 0 0 calc(var(--u)*-2);background-position:calc(var(--u)*-16) calc(var(--u)*-52);transform:rotateY(-90deg) translateZ(calc(var(--u)*2))}.sk--legl.sk--o .f--right{background-position:0 calc(var(--u)*-52);transform:rotateY(-90deg) translateZ(calc(var(--u)*2.25)) scale(1.125,1.0417)}.sk--legl .f--left{width:calc(var(--u)*4);height:calc(var(--u)*12);margin:calc(var(--u)*-6) 0 0 calc(var(--u)*-2);background-position:calc(var(--u)*-24) calc(var(--u)*-52);transform:rotateY(90deg) translateZ(calc(var(--u)*2))}.sk--legl.sk--o .f--left{background-position:calc(var(--u)*-8) calc(var(--u)*-52);transform:rotateY(90deg) translateZ(calc(var(--u)*2.25)) scale(1.125,1.0417)}.sk--legl .f--top{width:calc(var(--u)*4);height:calc(var(--u)*4);margin:calc(var(--u)*-2) 0 0 calc(var(--u)*-2);background-position:calc(var(--u)*-20) calc(var(--u)*-48);transform:rotateX(90deg) translateZ(calc(var(--u)*6))}.sk--legl.sk--o .f--top{background-position:calc(var(--u)*-4) calc(var(--u)*-48);transform:rotateX(90deg) translateZ(calc(var(--u)*6.25)) scale(1.125,1.125)}.sk--legl .f--bottom{width:calc(var(--u)*4);height:calc(var(--u)*4);margin:calc(var(--u)*-2) 0 0 calc(var(--u)*-2);background-position:calc(var(--u)*-24) calc(var(--u)*-48);transform:rotateX(-90deg) translateZ(calc(var(--u)*6))}.sk--legl.sk--o .f--bottom{background-position:calc(var(--u)*-8) calc(var(--u)*-48);transform:rotateX(-90deg) translateZ(calc(var(--u)*6.25)) scale(1.125,1.125)}