[data-c]{--c:var(--dim)}
[data-c="events"]{--c:#ff9d1c}
[data-c="summons"]{--c:#c77dff}
[data-c="shop"]{--c:#3ddc84}
[data-c="updates"]{--c:#4db5ff}
[data-c="maintenance"]{--c:#ff5a5a}
[data-c="info"]{--c:#9aa8bf}
[data-c="important"]{--c:#ffc61a}
[data-theme="light"] [data-c="events"]{--c:#c76a00}
[data-theme="light"] [data-c="summons"]{--c:#8a3fd1}
[data-theme="light"] [data-c="shop"]{--c:#138a4a}
[data-theme="light"] [data-c="updates"]{--c:#1a73c7}
[data-theme="light"] [data-c="maintenance"]{--c:#c62828}
[data-theme="light"] [data-c="info"]{--c:#5d6b80}
[data-theme="light"] [data-c="important"]{--c:#a77800}
.nw-tag{position:relative;z-index:0;display:inline-flex;align-items:center;height:22px;padding:0 10px 0 9px;color:var(--c);
  font:13px/1 var(--f-lbl);letter-spacing:1.2px;text-transform:uppercase;text-decoration:none;white-space:nowrap}
.nw-tag::before{content:'';position:absolute;inset:0;z-index:-1;background:color-mix(in srgb,var(--c) 16%,transparent);
  border-left:3px solid var(--c);transform:skewX(-14deg)}
a.nw-tag:hover{color:var(--c)}
a.nw-tag:hover::before{background:color-mix(in srgb,var(--c) 28%,transparent)}
.nw-new{height:20px;padding:0 8px;background:var(--acc);color:var(--ink);font:12px/20px var(--f-num);letter-spacing:1px;text-transform:uppercase;
  clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%)}
.nw-left{margin-left:auto;color:var(--dim);font:14px/1 var(--f-lbl);letter-spacing:.4px;white-space:nowrap}
.nw-left[data-st="last"]{color:#ff6b5a}
.nw-left[data-st="soon"]{color:var(--acc-tx)}
.nw-left[data-st="over"]{opacity:.7}
.nw-sep{color:var(--dim)}
.nl-f .lf-top{margin-bottom:12px}
.nl-cats{display:flex;flex-wrap:wrap;gap:6px}
.nl-cats .sg{gap:8px;padding:0 14px}
.nl-c::after{content:'';order:-1;width:8px;height:8px;background:var(--c);transform:skewX(-14deg)}
.nl-c.on::after{background:var(--ink)}
.sg-n{color:var(--dim);font:13px var(--f-num)}
.sg.on .sg-n{color:inherit;opacity:.7}
.nw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));gap:20px}
.nw{position:relative;display:flex;flex-direction:column;min-width:0;background:var(--pn);border:1px solid var(--ln);color:var(--tx);
  text-decoration:none;box-shadow:var(--sh);transition:border-color .15s,transform .15s,box-shadow .15s}
.nw::before{content:'';position:absolute;left:-1px;right:-1px;top:-1px;z-index:1;height:3px;background:var(--c)}
.nw:hover{color:var(--tx);border-color:var(--c);transform:translateY(-3px);box-shadow:0 16px 30px -18px color-mix(in srgb,var(--c) 70%,transparent)}
.nw:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.nw-art{display:block;aspect-ratio:696/168;overflow:hidden;background:var(--pn2)}
.nw-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}
.nw:hover .nw-art img{transform:scale(1.04)}
.nw-meta{display:flex;align-items:center;gap:8px;padding:12px 14px 0}
.nw-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding:8px 14px 0;color:var(--hi);
  font:19px/1.25 var(--f-lbl);letter-spacing:.2px}
.nw-when{margin-top:auto;padding:10px 14px 13px;color:var(--dim);font-size:14.5px}
.nv{max-width:1320px;margin:0 auto;padding:22px 20px 56px;font:16px/1.5 var(--f-ui);color:var(--tx)}
.nv-crumb{display:flex;align-items:center;gap:10px;margin:0 0 14px;color:var(--dim);font:15px var(--f-lbl);letter-spacing:.8px;text-transform:uppercase}
.nv-crumb a{display:inline-flex;align-items:center;gap:4px;color:var(--tx);text-decoration:none}
.nv-crumb a:hover{color:var(--acc-tx)}
.nv-crumb svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.nv-head{position:relative;margin:0 0 22px;padding:18px 20px 16px;background:var(--pn);border:1px solid var(--ln);border-top:3px solid var(--c);box-shadow:var(--sh)}
.nv-head::after{content:'';position:absolute;top:0;right:14px;width:34px;height:5px;background:var(--c);clip-path:polygon(0 0,100% 0,calc(100% - 5px) 100%,5px 100%)}
.nv-meta{display:flex;align-items:center;gap:8px}
.nv-title{margin:12px 0 10px;color:var(--hi);font:32px/1.15 var(--f-num);letter-spacing:.6px}
.nv-when{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;margin:0;color:var(--tx);font-size:16px}
.nv-when svg{width:19px;height:19px;fill:none;stroke:var(--c);stroke-width:2.2;stroke-linecap:round}
.nv-tz{color:var(--dim);font-size:14px}
.nv-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
.nv-art{min-width:0;background:#eeedea;border:1px solid var(--ln);border-top:3px solid var(--c);box-shadow:var(--sh)}
.nv-art .nb{max-width:820px;margin:0 auto;padding:18px 16px 28px;color-scheme:light;font-size:15px;line-height:1.55;overflow-wrap:anywhere}
.nv-art .nb .container{width:auto;max-width:none;padding:0}
.nv-art .nb img{max-width:100%;height:auto}
.nv-banner{display:block;width:100%;margin:0 0 12px}
.nb a[data-ingame]{cursor:default;text-decoration:none;color:inherit}
.nv-side{position:sticky;top:calc(var(--sh-h, 0px) + 16px);display:grid;gap:18px}
.nv-box{padding:14px;background:var(--pn);border:1px solid var(--ln);border-top:3px solid var(--acc);box-shadow:var(--sh)}
.nv-box h2{margin:0 0 12px;color:var(--hi);font:18px/1 var(--f-num);letter-spacing:1.5px;text-transform:uppercase}
.nm{display:block;margin:0 0 12px;color:var(--tx);text-decoration:none}
.nm-art{display:block;aspect-ratio:696/168;overflow:hidden;border-top:2px solid var(--c);background:var(--pn2)}
.nm-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.nm:hover .nm-art img{transform:scale(1.04)}
.nm-meta{display:flex;align-items:center;gap:8px;margin:8px 0 4px}
.nm-meta .nw-tag{height:20px;font-size:12px}
.nm-meta .nw-left{font-size:13px}
.nm-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--hi);font:16px/1.25 var(--f-lbl)}
.nm:hover .nm-title{color:var(--acc-tx)}
.nv-all{display:block;padding:8px 0 0;border-top:1px solid var(--ln);color:var(--acc-tx);font:14px var(--f-lbl);letter-spacing:1px;text-transform:uppercase;text-decoration:none}
.nv-all:hover{color:var(--hi)}
@media(max-width:1060px){
  .nv-grid{grid-template-columns:minmax(0,1fr)}
  .nv-side{position:static;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
}
@media(max-width:640px){
  .nv{padding:14px 10px 40px}
  .nv-head{padding:14px 14px 12px}
  .nv-title{font-size:25px}
  .nv-art .nb{padding:10px 8px 20px;font-size:14px}
  .nw-grid{gap:14px}
  .nl-cats .sg{padding:0 11px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){ .nw,.nw-art img,.nm-art img{transition:none} .nw:hover{transform:none} }