@font-face{font-family:'Stardos Stencil';font-weight:700;font-display:swap;src:url("../ui/fonts/stardos-stencil.1c20088eb105.woff2") format('woff2')}
@font-face{font-family:'Routed Gothic';font-weight:400;font-display:swap;src:url("../ui/fonts/routed-gothic.46cb1babd052.woff2") format('woff2')}

:root{
  --ui-scale:1; --stage-w:1920px; --stage-h:1080px;
  --f-display:'Stardos Stencil',Georgia,serif;
  --f-text:'Routed Gothic','Saira Condensed',system-ui,sans-serif;
  --ui-white:#ecebe4; --ui-ink:#1f2429; --ui-ink-dim:#3a424a;
  --ui-brass:#c9a24d;
  --ui-head-h:160px;
  --ui-foot-h:84px;
  --ui-chat-w:400px; --ui-chat-h:300px;
  --content-h:calc(var(--stage-h) - var(--ui-head-h) - var(--ui-foot-h));
}

#ui-backdrop{position:fixed;inset:0;z-index:0;overflow:hidden;background:#05080c;pointer-events:none}
#ui-backdrop .ui-still,#ui-backdrop .ui-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s}
#ui-backdrop[data-mode="clear"] .ui-still--clear,
#ui-backdrop[data-mode="dim"] .ui-still--dim,
#ui-backdrop:not([data-mode]) .ui-still--dim{opacity:1}
#ui-backdrop.ui-backdrop--live[data-mode="clear"] .ui-video--clear,
#ui-backdrop.ui-backdrop--live[data-mode="dim"] .ui-video--dim{opacity:1}
@media (prefers-reduced-motion:reduce){#ui-backdrop .ui-video{display:none}}

body{margin:0;overflow:hidden;background:#05080c}
#ui-stage{position:fixed;left:0;top:0;z-index:1;width:var(--stage-w);height:var(--stage-h);
  transform:scale(var(--ui-scale));transform-origin:0 0;
  font-family:var(--f-text);color:var(--ui-white);--shell-h:0px}

.ui-plate{box-sizing:border-box;border:20px solid transparent;
  border-image:url("../ui/kit/plate_frame.091c4ea27153.webp") 40 round;
  background:url("../ui/kit/plate_frame.091c4ea27153.webp") center/150% 150% no-repeat;background-clip:padding-box;color:var(--ui-ink)}
.ui-raised{box-sizing:border-box;border:16px solid transparent;
  border-image:url("../ui/kit/plate_raised.3562cb6b0548.webp") 32 round;
  background:url("../ui/kit/plate_raised.3562cb6b0548.webp") center/150% 150% no-repeat;background-clip:padding-box}
.ui-well{box-sizing:border-box;border:12px solid transparent;
  border-image:url("../ui/kit/plate_well.0d5b79400a39.webp") 24 fill stretch;color:var(--ui-white)}
.ui-label{display:inline-flex;align-items:center;height:40px;box-sizing:border-box;
  border:0 solid transparent;border-width:0 28px;border-image:url("../ui/kit/label.95ed86e1842e.webp") 0 60 fill stretch;
  padding:0 6px;font:18px/1 var(--f-text);letter-spacing:.05em;color:var(--ui-white);
  text-shadow:0 1px 0 rgba(0,0,0,.6);white-space:nowrap;background:none}
.ui-label--button{cursor:var(--cursor-pointer)}
.ui-label--button:hover{color:#fff4cf}
.ui-label--button:focus-visible{outline:2px solid #e8c23a;outline-offset:3px}
.ui-key{display:inline-grid;place-items:center;min-width:34px;height:26px;padding:0 6px;margin-right:8px;box-sizing:border-box;
  background:#1a1a1c;color:var(--ui-white);border-radius:3px;font:14px/1 var(--f-text);letter-spacing:.04em}

.ui-head{position:absolute;left:0;right:0;top:0;height:var(--ui-head-h);pointer-events:none;z-index:20}
.ui-head > *{pointer-events:auto}
.ui-home-title{position:absolute;left:0;right:0;top:28px;margin:0;text-align:center;pointer-events:none;
  font:700 96px/1 var(--f-display);letter-spacing:.05em;color:#fff;
  text-shadow:0 2px 0 rgba(0,0,0,.5),0 4px 24px rgba(0,0,0,.7)}
.ui-home-online{display:block;margin-top:8px;padding-left:.6em;
  font:700 22px/1 'Saira Condensed',sans-serif;letter-spacing:.6em;text-transform:uppercase;color:#f0b43c;
  text-shadow:0 2px 14px rgba(0,0,0,.6)}

.ui-captain{position:absolute;right:24px;top:24px;width:480px;height:120px;
  background:url("../ui/kit/captain.a4935aaea722.webp") center/100% 100% no-repeat}
.ui-captain a{color:inherit;text-decoration:none}
.ui-captain__lv{position:absolute;left:36px;top:34px;width:80px;height:52px;display:grid;place-items:center;
  font:700 36px/1 var(--f-display);color:var(--ui-white)}
.ui-captain__nm{position:absolute;left:138px;top:28px;right:40px;font-size:22px;color:var(--ui-white);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ui-captain__nm:hover{color:#fff4cf}
.ui-captain__xp{position:absolute;left:138px;right:40px;top:64px;height:7px;background:#26282b}
.ui-captain__xp i{position:absolute;left:0;top:0;bottom:0;background:var(--ui-brass)}
.ui-captain__xt{position:absolute;left:138px;top:77px;font-size:12px;color:#9aa0a4;font-variant-numeric:tabular-nums}
.ui-captain__out{position:absolute;right:40px;top:75px;display:flex;gap:12px;font-size:12px}
.ui-captain__out a,.ui-captain__out button{background:none;border:0;padding:0;font:inherit;color:#c4c9cd;cursor:var(--cursor-pointer)}
.ui-captain__out a:hover,.ui-captain__out button:hover{color:#fff4cf}
.ui-captain__out form{display:inline;margin:0}

.ui-sound-ctl{position:absolute;left:24px;top:24px;display:flex;align-items:center;gap:10px}
.ui-sound-ctl input[type=range]{width:110px;accent-color:#f0b43c;cursor:var(--cursor-pointer)}
.ui-back{position:absolute;left:24px;top:18px;z-index:0;padding:2px 12px;pointer-events:auto;
  font:700 30px/1 'Saira Condensed',sans-serif;letter-spacing:.02em;text-transform:uppercase;
  color:#05080c;text-decoration:none;outline:none;cursor:var(--cursor-pointer)}
.ui-back::before{content:'';position:absolute;z-index:-1;left:0;right:0;top:10%;bottom:6%;
  background:#f0b43c;transform:skewX(-8deg);box-shadow:0 2px 14px rgba(0,0,0,.35);transition:background-color .08s}
.ui-back:hover::before{background:#ffc95e}
.ui-back:focus-visible::before{outline:2px solid #fff;outline-offset:3px}
.ui-back:active{transform:translateY(2px)}
.ui-back:active::before{background:#b87a12}
@media (prefers-reduced-motion:reduce){.ui-back::before{transition:none}}
.ui-sound-btn{background:none;border:0;padding:0 2px;color:#fff;cursor:var(--cursor-pointer)}
.ui-sound-btn:hover{color:#f0b43c}
.ui-sound-btn:focus-visible{outline:2px solid #f0b43c;outline-offset:3px}
.ui-sound-btn svg{display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.7)) drop-shadow(0 2px 8px rgba(0,0,0,.45))}
.ui-sound-btn__cone{fill:currentColor}
.ui-sound-btn__strike{display:none;stroke:#e3262b;stroke-width:2.6}
.ui-sound-btn[aria-pressed="false"] .ui-sound-btn__waves{display:none}
.ui-sound-btn[aria-pressed="false"] .ui-sound-btn__strike{display:inline}
.ui-music-ctl{position:absolute;left:24px;top:72px;display:flex;align-items:center;gap:10px}
.ui-music-ctl input[type=range]{width:110px;accent-color:#f0b43c;cursor:var(--cursor-pointer)}
.ui-music-btn__head{fill:currentColor}

#ui-content{position:absolute;top:var(--ui-head-h);bottom:var(--ui-foot-h);
  left:calc(24px + var(--ui-chat-w) + 24px);right:24px;overflow:auto;z-index:10}

.ui-hints{position:absolute;left:calc(24px + var(--ui-chat-w) + 24px);right:24px;bottom:24px;height:48px;z-index:20;
  display:flex;align-items:center;gap:30px;pointer-events:none}
.ui-hint{display:inline-flex;align-items:center;font-size:15px;color:var(--ui-white);
  height:40px;box-sizing:border-box;border:0 solid transparent;border-width:0 28px 0 20px;
  border-image:url("../ui/kit/label.95ed86e1842e.webp") 0 60 0 40 fill stretch;padding:0 4px;pointer-events:auto}
.ui-hint .ui-key{background:#33373c;height:24px}

body[data-chat-layout="block"] .chat-widget{position:absolute;left:32px;bottom:28px;top:auto;right:auto;
  width:var(--ui-chat-w);height:var(--ui-chat-h);z-index:30;box-sizing:border-box;padding:0;gap:10px;
  background:none;border:0;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none;
  font-family:'Saira Condensed',sans-serif;font-weight:500;color:#d9e2ea}
body[data-chat-layout="block"] .chat-widget::after{content:'';position:absolute;z-index:-1;left:-32px;bottom:-28px;width:820px;height:560px;
  pointer-events:none;background:radial-gradient(ellipse 100% 100% at 0 100%,rgba(3,8,16,.72),rgba(3,8,16,.4) 45%,rgba(3,8,16,0) 75%)}
body[data-chat-layout="block"] .chat-widget__views{order:1;gap:6px}
body[data-chat-layout="block"] .chat-widget__log,
body[data-chat-layout="block"] .chat-widget__panel{order:2;flex:1 1 auto;height:auto;min-height:0;padding:0 4px 0 0;
  font-size:18px;line-height:1.35;letter-spacing:.02em}
body[data-chat-layout="block"] .chat-widget__input-row{order:3;background:none;border:0;border-bottom:3px solid #f0b43c;border-radius:0;padding:6px 0}
body[data-chat-layout="block"] .chat-widget__header{order:4;border:0;padding:0}
body[data-chat-layout="block"] .chat-widget__view{position:relative;z-index:0;padding:3px 10px;background:none;border:0;border-radius:0;
  font:700 18px/1 'Saira Condensed',sans-serif;letter-spacing:.02em;text-transform:uppercase;
  color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5)}
body[data-chat-layout="block"] .chat-widget__view:first-child{margin-left:-10px}
body[data-chat-layout="block"] .chat-widget__view:hover{color:#f0b43c}
body[data-chat-layout="block"] .chat-widget__view--on,
body[data-chat-layout="block"] .chat-widget__view--on:hover{color:#05080c;text-shadow:none;background:none;border:0}
body[data-chat-layout="block"] .chat-widget__view--on::before{content:'';position:absolute;z-index:-1;inset:8% 0 4% 0;background:#f0b43c;transform:skewX(-8deg)}
body[data-chat-layout="block"] .chat-widget__log{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 35%);mask-image:linear-gradient(to bottom,transparent 0,#000 35%)}
body[data-chat-layout="block"] .chat-widget__log::-webkit-scrollbar-thumb,
body[data-chat-layout="block"] .chat-widget__panel::-webkit-scrollbar-thumb{background:rgba(240,180,60,.5);border-radius:0}
body[data-chat-layout="block"] .chat-msg{font:500 18px/1.35 'Saira Condensed',sans-serif;margin-top:2px;
  text-shadow:0 1px 2px rgba(0,0,0,.7),0 2px 12px rgba(0,0,0,.5)}
body[data-chat-layout="block"] .chat-msg__time{font-size:14px;opacity:.45;margin-right:8px}
body[data-chat-layout="block"] .chat-msg[data-kind="global"],
body[data-chat-layout="block"] .chat-msg[data-kind="all"]{color:#d9e2ea}
body[data-chat-layout="block"] .chat-msg__name{font-weight:700;color:#f0b43c}
body[data-chat-layout="block"] .chat-msg__name:hover{color:#fff;text-decoration:none}
body[data-chat-layout="block"] .chat-msg--notice{font-style:normal;letter-spacing:.12em;color:rgba(217,226,234,.55)}
body[data-chat-layout="block"] .chat-widget__panel-head{font:600 13px/1 'Saira Condensed',sans-serif;letter-spacing:.3em;
  color:#f0b43c;border-bottom:1px solid rgba(217,226,234,.14);padding-bottom:5px}
body[data-chat-layout="block"] .chat-widget__panel-section{color:rgba(217,226,234,.5);letter-spacing:.24em}
body[data-chat-layout="block"] .chat-widget__row-name{color:#f0b43c}
body[data-chat-layout="block"] .chat-widget__row-actions button{border-radius:0;border-color:rgba(217,226,234,.28);color:#d9e2ea}
body[data-chat-layout="block"] .chat-widget__input{color:#fff;font-size:18px;letter-spacing:.02em}
body[data-chat-layout="block"] .chat-widget__input::placeholder{color:rgba(217,226,234,.55)}
body[data-chat-layout="block"] .chat-widget__target{display:none}
body[data-chat-layout="block"] .chat-widget__send{color:#f0b43c}
body[data-chat-layout="block"] .chat-widget__list-btn{font:600 14px/1 'Saira Condensed',sans-serif;letter-spacing:.06em;text-transform:none;
  color:rgba(217,226,234,.6);background:none;padding:2px 0;margin-right:14px;border:0;border-radius:0}
body[data-chat-layout="block"] .chat-widget__list-btn:hover{color:#fff}
body[data-chat-layout="block"] .chat-widget__count{font-size:14px;opacity:1;color:#f0b43c}
body[data-chat-layout="block"] .chat-widget__mute{color:#d9e2ea;opacity:.7}
body[data-chat-layout="block"] .chat-widget__mute:hover{color:#f0b43c;opacity:1}
body[data-chat-layout="block"] .chat-widget__menu{background:rgba(3,8,16,.92);border:1px solid rgba(240,180,60,.4);border-radius:0}

.ui-captain-name{position:absolute;right:60px;top:26px;display:flex;flex-direction:column;align-items:flex-end;gap:10px;outline:none;
  font:700 26px/1 'Saira Condensed',sans-serif;letter-spacing:.04em;text-transform:uppercase;
  color:var(--tw-gold);text-shadow:0 2px 14px rgba(0,0,0,.45);cursor:var(--cursor-default)}
.ui-captain-name__out{display:flex;gap:18px;opacity:0;transform:translateY(-6px);pointer-events:none;
  transition:opacity .15s,transform .15s var(--tw-ease)}
.ui-captain-name:is(:hover,:focus-within) .ui-captain-name__out{opacity:1;transform:none;pointer-events:auto}
.ui-captain-name__out :is(a,button){padding:0;background:none;border:0;font:600 18px/1 'Saira Condensed',sans-serif;letter-spacing:.06em;
  text-transform:none;color:var(--tw-dim);text-decoration:none;cursor:var(--cursor-pointer)}
.ui-captain-name__out :is(a,button):is(:hover,:focus-visible){color:#fff;outline:none}
.ui-captain-name__out form{display:inline;margin:0}
.tw-rule{width:90px;height:5px;background:var(--tw-gold);transform-origin:0 50%}
.tw-kick{font:600 18px/1 'Saira Condensed',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--tw-gold)}
.tw{position:relative;z-index:0;display:inline-block;padding:2px 12px;margin-left:-12px;background:none;border:0;outline:none;
  font:700 44px/1.05 'Saira Condensed',sans-serif;text-transform:uppercase;color:#fff;white-space:nowrap;text-decoration:none;
  text-shadow:0 2px 14px rgba(0,0,0,.45);cursor:var(--cursor-pointer);transition:color .12s,transform .12s,text-shadow .12s}
.tw::before{content:'';position:absolute;z-index:-1;left:0;right:0;top:10%;bottom:6%;background:var(--tw-gold);
  transform:skewX(-8deg) scaleX(0);transform-origin:100% 50%;transition:transform .22s var(--tw-ease),background-color .08s}
.tw:not(.is-off):is(:hover,:focus-visible,.is-on){color:var(--tw-ink);text-shadow:none}
.tw:not(.is-off):is(:hover,:focus-visible,.is-on)::before{transform:skewX(-8deg) scaleX(1);transform-origin:0 50%}
.tw:not(.is-off):is(:hover,:focus-visible,.is-on) *{color:var(--tw-ink)!important}
.tw.is-on:hover::before{background:#ffc95e}
.tw:not(.is-off):active{transform:translateY(2px)}
.tw:not(.is-off):active::before{background:var(--tw-press)}
.tw.is-off{color:var(--tw-grey);cursor:var(--cursor-default)}
.tw-glint{overflow:hidden}
.tw-glint::after{content:'';position:absolute;z-index:-1;left:0;right:0;top:10%;bottom:6%;transform:skewX(-8deg);pointer-events:none;
  background:linear-gradient(100deg,transparent 0 40%,rgba(255,255,255,.8) 50%,transparent 60% 100%) no-repeat;
  background-size:40% 100%;animation:tw-glint .6s var(--tw-ease) forwards}
@keyframes tw-glint{from{background-position:-60% 0}to{background-position:160% 0}}
.tw-no{animation:tw-no .36s}
@keyframes tw-no{20%{transform:translateX(-8px)}45%{transform:translateX(7px)}70%{transform:translateX(-4px)}90%{transform:translateX(2px)}}
.tw-text-in{animation:tw-text-in .3s var(--tw-ease)}
@keyframes tw-text-in{from{opacity:0;transform:translateY(12px)}}
@media (prefers-reduced-motion:reduce){
  .tw,.tw::before{transition:none}
  .tw-glint::after,.tw-no,.tw-text-in{animation:none}
}

html.is-phone #ui-stage #ui-content{inset:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}
html.is-phone .ui-head{height:60px;background:linear-gradient(180deg,rgba(3,8,16,.96) 70%,rgba(3,8,16,0))}
html.is-phone #ui-stage:has(.home-wrap) .ui-head{background:none}
html.is-phone .ui-back{left:12px;top:12px;font-size:24px}
html.is-phone .ui-captain-name{right:16px;top:18px;font-size:20px}
html.is-phone .ui-sound-ctl{left:12px;top:14px}
html.is-phone .ui-sound-ctl input[type=range]{display:none}
html.is-phone .ui-music-ctl{left:112px;top:14px}
html.is-phone .ui-sound-ctl ~ .ui-music-ctl{left:56px}
html.is-phone .ui-music-ctl input[type=range]{display:none}
.ui-chat-btn{display:none}
html.is-phone .ui-chat-btn{position:fixed;left:16px;bottom:18px;z-index:31;display:grid;place-items:center;width:56px;height:56px;padding:0;
  border:0;border-radius:50%;background:var(--tw-gold);box-shadow:0 6px 20px rgba(0,0,0,.45);cursor:var(--cursor-pointer);
  transition:transform .12s,background-color .08s}
html.is-phone .ui-chat-btn svg{width:28px;height:28px;fill:var(--tw-ink)}
html.is-phone .ui-chat-btn:active{transform:scale(.92);background:var(--tw-press)}
html.is-phone body.ui-chat-open .ui-chat-btn{transform:scale(0);pointer-events:none}
html.is-phone body[data-chat-layout="block"] .chat-widget{position:fixed;left:0;right:0;bottom:0;top:auto;width:auto;height:62vh;
  padding:14px 16px 18px;box-sizing:border-box;background:linear-gradient(180deg,rgba(3,8,16,.84),rgba(3,8,16,.97));
  border-top:3px solid var(--tw-gold);transform:translateY(105%);transition:transform .32s var(--tw-ease)}
html.is-phone body[data-chat-layout="block"] .chat-widget::after{display:none}
html.is-phone body.ui-chat-open[data-chat-layout="block"] .chat-widget{transform:none}
.ui-chat-close{display:none}
html.is-phone .ui-chat-close{display:grid;place-items:center;width:44px;height:44px;margin:-10px -8px -10px auto;padding:0;background:none;border:0;cursor:var(--cursor-pointer)}
html.is-phone .ui-chat-close svg{width:26px;height:26px;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
@media (prefers-reduced-motion:reduce){html.is-phone .ui-chat-btn,html.is-phone body[data-chat-layout="block"] .chat-widget{transition:none}}

.ui-ticker{position:absolute;left:480px;right:var(--ticker-right,60px);bottom:52px;height:36px;z-index:15;
  display:flex;align-items:center;gap:18px;font-family:'Saira Condensed',sans-serif}
#ui-stage[data-ticker=""] .ui-ticker{display:none}
#ui-stage[data-ticker="drydock"] .ui-ticker{--ticker-right:340px}
.ui-ticker__lab{position:relative;z-index:0;flex:none;padding:4px 9px 3px 12px;font:700 18px/1 'Saira Condensed',sans-serif;
  letter-spacing:.2em;text-transform:uppercase;color:#05080c}
.ui-ticker__lab::before{content:'';position:absolute;z-index:-1;inset:0;background:#f0b43c;transform:skewX(-8deg)}
.ui-ticker__track{position:relative;flex:1;height:100%;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 48px,#000 calc(100% - 48px),transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 48px,#000 calc(100% - 48px),transparent 100%)}
.ui-ticker__tip{position:absolute;left:0;top:50%;display:flex;align-items:center;white-space:nowrap;will-change:transform;
  font:500 20px/1 'Saira Condensed',sans-serif;color:#d9e2ea;text-shadow:0 2px 14px rgba(0,0,0,.45)}
.ui-ticker__tip::before{content:'';flex:none;width:3px;height:22px;margin-right:80px;background:#f0b43c}
.ui-ticker.is-still .ui-ticker__tip{left:48px;transform:translateY(-50%)}
.ui-ticker.is-still .ui-ticker__tip::before{display:none}
.ui-ticker__now{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
html.is-phone .ui-ticker{display:none}

@keyframes ui-content-in{from{opacity:0;transform:translateY(28px)}}
@keyframes ui-content-out{to{opacity:0;transform:translateY(28px)}}
@keyframes ui-hints-in{from{transform:translateY(80px)}}
@keyframes ui-hints-out{to{transform:translateY(80px)}}
@keyframes ui-title-in{from{opacity:0;transform:translateY(-40px)}}
body.ui-leaving #ui-content{animation:ui-content-out .15s ease-in forwards}
body.ui-leaving .ui-hints{animation:ui-hints-out .15s ease-in forwards}
body.ui-leaving .ui-home-title{animation:ui-content-out .15s ease-in forwards}
body.ui-arriving #ui-content{animation:ui-content-in .3s cubic-bezier(.2,.7,.2,1)}
body.ui-arriving .ui-hints{animation:ui-hints-in .3s cubic-bezier(.2,.7,.2,1)}
body.ui-arriving .ui-home-title{animation:ui-title-in .3s cubic-bezier(.2,.7,.2,1)}
@media (prefers-reduced-motion:reduce){
  body.ui-leaving #ui-content,body.ui-leaving .ui-hints,body.ui-leaving .ui-home-title,
  body.ui-arriving #ui-content,body.ui-arriving .ui-hints,body.ui-arriving .ui-home-title{animation:none}
}

.reel .panel.ui-raised{position:absolute;left:50%;top:190px;transform:translateX(-50%);
  width:480px;max-width:none;padding:22px 26px 26px;z-index:10;
  border:16px solid transparent;border-image:url("../ui/kit/plate_raised.3562cb6b0548.webp") 32 round;
  background:url("../ui/kit/plate_raised.3562cb6b0548.webp") center/150% 150% no-repeat;background-clip:padding-box}
.reel .panel.ui-raised .sub{margin:0 0 18px;text-align:left}
.reel #toast-container{z-index:40}

.discord-link{position:relative;display:inline-flex;align-items:center;gap:10px;
  font:700 22px/1 'Saira Condensed',sans-serif;letter-spacing:.08em;text-transform:uppercase;
  color:#fff;text-decoration:none;text-shadow:0 2px 14px rgba(0,0,0,.5);
  cursor:var(--cursor-pointer);-webkit-tap-highlight-color:transparent}
.discord-link svg{width:24px;height:24px;fill:currentColor;color:#8b95ff;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6))}
.discord-link::after{content:'';position:absolute;left:34px;right:0;bottom:-7px;height:2px;background:#8b95ff;
  box-shadow:0 0 10px rgba(139,149,255,.8);transform:scaleX(0);transform-origin:left;transition:transform .22s cubic-bezier(.2,.7,.2,1)}
.discord-link:hover::after,.discord-link:focus-visible::after{transform:scaleX(1)}
.discord-link:hover svg,.discord-link:focus-visible svg{animation:discord-wave .6s cubic-bezier(.3,.7,.3,1);
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.6)) drop-shadow(0 0 8px rgba(139,149,255,.7))}
@keyframes discord-wave{
  0%{transform:none}
  25%{transform:translateY(-5px) rotate(-14deg) scale(1.15)}
  50%{transform:translateY(-3px) rotate(10deg) scale(1.15)}
  75%{transform:translateY(-1px) rotate(-5deg) scale(1.08)}
  100%{transform:none}}
@media (prefers-reduced-motion:reduce){.discord-link::after{transition:none}.discord-link:hover svg,.discord-link:focus-visible svg{animation:none}}
.discord-link:focus{outline:none}
.discord-link:focus-visible{outline:2px solid #f0b43c;outline-offset:6px}
.play-discord{margin:36px 0 0 44px;vertical-align:top;animation:play-rise .4s cubic-bezier(.2,.7,.2,1) .95s backwards}
.home-discord{position:absolute;left:0;bottom:100%;margin-bottom:30px}
html.is-phone .home-discord{margin-bottom:22px;font-size:18px}
@media (max-width:700px){.play-discord{margin:24px 0 0 28px;font-size:17px}.play-discord svg{width:20px;height:20px}}

@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.5s}
@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}