
:root{
  --bg:#07090c;--panel:#0e1217;--panel2:#131920;--line:rgba(255,255,255,.1);--txt:#eef1f4;--dim:#9aa4af;
  --orange:#ea5b3d;--yellow:#efb218;--green:#80b574;--teal:#2bb6b4;
  --acc:var(--teal);
  --hud:"Chakra Petch",ui-monospace,monospace;
  --body:Montserrat,system-ui,-apple-system,"Segoe UI",sans-serif;
  --brand-grad:linear-gradient(90deg,var(--orange),var(--yellow) 36%,var(--green) 66%,var(--teal));
}
[data-unit=talent]{--acc:var(--orange)}
[data-unit=broadcast]{--acc:var(--teal)}
[data-unit=charity]{--acc:var(--green)}
[data-unit=team]{--acc:var(--yellow)}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--txt);font-family:var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
[hidden]{display:none!important}
kbd{font-family:var(--hud);font-size:11px;border:1px solid rgba(255,255,255,.35);border-bottom-width:2px;border-radius:4px;padding:1px 6px;margin:0 2px}
.ribbon{background:#FFF4CC;color:#5A4500;font-size:12px;text-align:center;padding:6px 16px;position:relative;z-index:60}
.hudbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 32px;position:relative;z-index:20;font-family:var(--hud);font-weight:600;font-size:13px;letter-spacing:.14em;text-transform:uppercase}
.hudbar .logo img{height:24px;display:block}
.hudbar nav{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.hudbar nav a{text-decoration:none;padding:8px 12px;border-radius:4px;opacity:.82;transition:opacity .2s,background .2s}
.hudbar nav a:hover,.hudbar nav a[aria-current]{opacity:1;background:rgba(255,255,255,.08)}
.hudbar nav a[aria-current]{box-shadow:inset 0 -2px 0 var(--acc)}
.label{font-family:var(--hud);font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--acc);display:flex;align-items:center;gap:10px}
.label:before{content:none}
.grad{background:var(--brand-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.preview-note{font-family:var(--hud);font-size:12px;letter-spacing:.04em;color:#f7d57a;background:rgba(239,178,24,.1);border:1px dashed rgba(239,178,24,.5);border-radius:8px;padding:10px 14px;line-height:1.5}
.ls-loader{position:fixed;inset:0;z-index:200;pointer-events:none;visibility:hidden}
.ls-loader .q{position:absolute;width:50.5%;height:50.5%;transition:transform .28s cubic-bezier(.7,0,.25,1)}
.ls-loader .q1{left:0;top:0;background:var(--orange);transform:translate(-101%,-101%)}
.ls-loader .q2{right:0;top:0;background:var(--yellow);transform:translate(101%,-101%)}
.ls-loader .q3{left:0;bottom:0;background:var(--green);transform:translate(-101%,101%)}
.ls-loader .q4{right:0;bottom:0;background:var(--teal);transform:translate(101%,101%)}
.ls-loader .txt{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;color:#fff;text-align:center;opacity:0;transition:opacity .16s ease .12s}
.ls-loader .now{font-weight:900;font-size:clamp(22px,3.2vw,40px);letter-spacing:.02em;text-transform:uppercase;text-shadow:0 2px 0 rgba(0,0,0,.12)}
.ls-loader .what{font-weight:900;font-size:clamp(34px,6vw,84px);line-height:.95;text-transform:uppercase;max-width:14ch}
.ls-loader .tip{font-family:var(--hud);font-size:clamp(13px,1.4vw,16px);font-weight:600;letter-spacing:.04em;max-width:640px;background:rgba(0,0,0,.28);padding:8px 14px;border-radius:6px}
.ls-loader .tip b{letter-spacing:.16em;margin-right:8px}
.ls-loader .bar{width:min(520px,80vw);height:8px;border-radius:4px;background:rgba(0,0,0,.28);overflow:hidden}
.ls-loader .bar i{display:block;height:100%;width:0;background:#fff;border-radius:4px}
.ls-loader.in{visibility:visible;pointer-events:auto}
.ls-loader.in .q{transform:none}
.ls-loader.in .txt{opacity:1}
.ls-loader.in .bar i{transition:width .38s cubic-bezier(.3,.7,.4,1) .14s;width:100%}
.ls-loader.in{cursor:pointer}
.ls-arriving .ls-loader{visibility:visible}
.ls-arriving .ls-loader .q{transform:none;transition:none}
.ls-arriving .ls-loader .txt{opacity:1;transition:none}
.ls-arriving .ls-loader .bar i{width:100%;transition:none}
.ls-leaving .ls-loader .txt{opacity:0;transition:opacity .12s}
.ls-toasts{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:150;display:flex;flex-direction:column;gap:10px;align-items:center;pointer-events:none;width:max-content;max-width:calc(100vw - 32px)}
.ls-toast{display:flex;align-items:center;gap:12px;background:rgba(14,18,23,.97);border:1px solid rgba(255,255,255,.16);border-radius:40px;padding:8px 22px 8px 8px;box-shadow:0 12px 34px rgba(0,0,0,.55);transform:translateY(22px) scale(.95);opacity:0;transition:transform .5s cubic-bezier(.2,.9,.3,1.25),opacity .4s ease;color:#fff}
.ls-toast.in{transform:none;opacity:1}
.ls-toast .ic{width:40px;height:40px;border-radius:50%;background:var(--yellow);display:grid;place-items:center;font-size:20px;flex:none}
.ls-toast small{display:block;font-family:var(--hud);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--yellow)}
.ls-toast b{font-size:14px;font-weight:700}
.ls-cheat body:after{content:"";position:fixed;inset:0;z-index:190;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.28) 0 1px,transparent 1px 3px),radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.55) 100%);mix-blend-mode:multiply;animation:flick 3s steps(60) infinite}
@keyframes flick{50%{opacity:.85}}
.ls-cheat .disc img,.ls-cheat .tile img,.ls-cheat .wall img,.ls-cheat .p1 .portrait img{transform:scale(1.35)!important;transition:transform .4s cubic-bezier(.2,.9,.3,1.4)}
.ls-cheat .hudbar .logo:after{content:"CHEATS ON";margin-left:10px;font-family:var(--hud);font-size:11px;font-weight:700;letter-spacing:.2em;color:#07090c;background:var(--yellow);padding:2px 6px;border-radius:3px}
.ls-cheat .hudbar .logo{display:flex;align-items:center}
@media (max-width:1100px){.hudbar nav a{padding:8px 8px;letter-spacing:.1em}}
@media (max-width:760px){
  .hudbar{padding:12px 16px 6px;flex-wrap:wrap;row-gap:6px}
  .hudbar nav{width:100%;flex-wrap:wrap;justify-content:flex-start;gap:2px 4px;margin:0 -4px}
  .hudbar nav a{padding:6px 8px;font-size:11px;letter-spacing:.1em;white-space:nowrap;flex:none}
}
@media (prefers-reduced-motion:reduce){.ls-loader{display:none!important}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}
