/* GRIND v5 · "Vice" theme: sunset neon on night navy. Fonts self-hosted (OFL): Anton (display), Inter (text), Press Start 2P (arcade). */
@font-face{font-family:Anton;src:url(/fonts/anton.woff2) format("woff2");font-display:swap;font-weight:400}
@font-face{font-family:Inter;src:url(/fonts/inter-var.woff2) format("woff2");font-display:swap;font-weight:400 800}
@font-face{font-family:"Press Start 2P";src:url(/fonts/pressstart2p.woff2) format("woff2");font-display:swap}
:root{
 --night:#0b0820;--night2:#130d33;--card:#17113a;--card2:#1e1648;--line:rgba(255,255,255,.10);
 --text:#f3eff9;--muted:#bdb5d6;--pink:#ff2d95;--coral:#ff7a59;--sun:#ffc46b;--violet:#8a3ffc;--cyan:#22e4ff;--teal:#16c7b7;
 --accent:var(--pink);--ok:#3ee08f;--bad:#ff6b8a;
 --sunset:linear-gradient(90deg,#ff2d95 0%,#ff5e7a 35%,#ff8a4c 70%,#ffc46b 100%);
 --dusk:linear-gradient(180deg,#2a0f5c 0%,#7a1f8f 45%,#ff4f86 75%,#ffa45c 100%);
 --display:Anton,Impact,"Arial Narrow Bold",sans-serif;--body:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--pixel:ui-monospace,"SFMono-Regular",Menlo,monospace;
 --r:14px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;color:var(--text);font:16px/1.6 var(--body);background:radial-gradient(1100px 520px at 85% -120px,rgba(255,45,149,.20),transparent 70%),radial-gradient(900px 480px at -10% -60px,rgba(34,228,255,.12),transparent 70%),var(--night);background-repeat:no-repeat;min-height:100vh}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
:focus-visible{outline:3px solid var(--cyan);outline-offset:2px;border-radius:4px}
.wrap{max-width:1220px;margin:0 auto;padding:0 20px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;z-index:50;background:var(--sun);color:#1a0b2e;padding:8px 12px;border-radius:8px;font-weight:800}.skip:focus{left:8px}

/* ---------- header ---------- */
header.top{position:sticky;top:0;z-index:20;background:rgba(11,8,32,.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
header.top::after{content:"";display:block;height:3px;background:var(--sunset)}
.nav{display:flex;align-items:center;gap:20px;height:64px}
.logo{display:flex;align-items:center;flex:none}
.logo img{width:96px;height:auto;filter:drop-shadow(0 0 12px rgba(255,45,149,.38))}
.links{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
.links a{font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#e9e3f7;white-space:nowrap;padding:6px 0;border-bottom:2px solid transparent}
.links a:hover,.links a[aria-current]{color:#fff;border-bottom-color:var(--pink)}
.links .ext::after{content:" ↗";color:var(--muted);font-size:12px}
.search{margin-left:auto}
.search input{background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:999px;color:#fff;padding:8px 14px;font:inherit;font-size:14px;width:clamp(140px,14vw,170px)}
.search input::placeholder{color:#cfc7e6}
.search input:focus{border-color:var(--cyan);outline:none;box-shadow:0 0 0 3px rgba(34,228,255,.25)}
.menu-t{display:none;position:absolute;opacity:0;width:44px;height:44px;right:16px;top:10px;margin:0;z-index:2;cursor:pointer}
.burger{display:none}
.partners{background:rgba(255,255,255,.03);border-bottom:1px solid var(--line)}
.partners .track{display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px;padding:7px 20px;max-width:1220px;margin:0 auto;font-size:12px;color:#cfc7e6;text-transform:uppercase;letter-spacing:.1em}
.partners .track a{display:inline-flex;align-items:center;gap:6px;padding:2px 0}
.partners .track a:hover{color:#fff}
.pico{width:18px;height:18px;flex:none;image-rendering:pixelated;filter:drop-shadow(0 0 6px rgba(255,45,149,.22))}
.partners .track span{color:var(--sun)}
@media(max-width:1279px){
 .nav{height:58px;gap:12px;position:relative}
 .logo img{width:82px}
 .menu-t{display:block}
 .burger{display:grid;place-items:center;margin-left:auto;width:44px;height:44px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.04)}
 .burger i,.burger i::before,.burger i::after{display:block;width:20px;height:2px;background:#fff;border-radius:2px;position:relative;content:""}
 .burger i::before{position:absolute;top:-6px}.burger i::after{position:absolute;top:6px}
 .menu-t:focus-visible+.burger{outline:3px solid var(--cyan)}
 .menu-t:checked+.burger{border-color:var(--pink);box-shadow:0 0 12px rgba(255,45,149,.4)}
 .links{display:none;position:absolute;left:0;right:0;top:58px;flex-direction:column;align-items:stretch;gap:0;background:#120c30;border-bottom:3px solid var(--pink);padding:8px 20px 16px;box-shadow:0 20px 40px rgba(0,0,0,.5)}
 .menu-t:checked~.links{display:flex}
 .links a{padding:13px 4px;border-bottom:1px solid var(--line);font-size:16px}
 .links .search{margin:12px 0 0;order:-1}.links .search input{width:100%;font-size:16px;padding:11px 16px}
 .partners .track{gap:4px 16px;padding:6px 20px;font-size:11px}
}

/* ---------- type & chips ---------- */
h1,h2,h3,.disp{font-family:var(--display);font-weight:400;letter-spacing:.01em}
.chip{display:inline-block;font:800 12px/1 var(--body);text-transform:uppercase;letter-spacing:.08em;padding:5px 9px;border-radius:999px;background:var(--sunset);color:#1a0b2e;margin-right:6px}
.chip.g{background:transparent;color:var(--cyan);box-shadow:inset 0 0 0 1px rgba(34,228,255,.55)}
.chip.s{font-family:var(--display);font-size:15px;letter-spacing:.02em;padding:4px 9px;background:#ff2d95;background:linear-gradient(135deg,#ff2d95,#ff7a59);color:#14051f;box-shadow:0 0 14px rgba(255,45,149,.45)}
.btn{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:999px;padding:9px 16px;font:800 13px/1.1 var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--cyan);background:transparent;box-shadow:inset 0 0 0 1.5px rgba(34,228,255,.7);cursor:pointer}
.btn:hover{background:rgba(34,228,255,.10);color:#fff}
.btn.p{background:var(--sunset);color:#1a0b2e;box-shadow:0 6px 18px rgba(255,45,149,.30)}
.btn.p:hover{filter:brightness(1.08);color:#1a0b2e}
h2.sec{display:flex;align-items:center;gap:14px;font-size:clamp(28px,3.4vw,40px);line-height:1;text-transform:uppercase;margin:52px 0 18px;color:#fff}
h2.sec::before{content:"";flex:none;width:38px;height:38px;border-radius:50%;background:repeating-linear-gradient(180deg,transparent 0 5px,var(--night) 5px 7px) bottom/100% 45% no-repeat,var(--dusk)}
h2.sec::after{content:"";flex:1;height:2px;background:linear-gradient(90deg,rgba(255,45,149,.7),transparent)}
.ltitle{font-size:clamp(40px,6vw,72px);line-height:1.08;padding-top:.08em;text-transform:uppercase;margin:26px 0 8px;background:var(--sunset);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(255,45,149,.25))}
.lead{color:var(--muted)}

/* ---------- home ---------- */
.hero{display:grid;grid-template-columns:1.65fr 1fr;gap:22px;margin:28px 0 8px}
.hero .main{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:16/9;padding:2px;background:var(--sunset);box-shadow:0 20px 60px rgba(255,45,149,.18)}
.hero .main{background-color:#120c28}
.hero .main::before{content:"";position:absolute;inset:-18%;background-image:var(--thumb);background-size:cover;background-position:center;filter:blur(22px) brightness(.42) saturate(1.1);z-index:0}
.hero .main img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;object-position:center;border-radius:calc(var(--r) - 2px)}
.hero .main .ov{position:absolute;inset:auto 2px 2px 2px;padding:110px 26px 24px;border-radius:0 0 calc(var(--r) - 2px) calc(var(--r) - 2px);background:linear-gradient(180deg,rgba(11,8,32,0),rgba(19,10,50,.82) 42%,rgba(11,8,32,.97))}
.hero h1{margin:10px 0 6px;font-size:clamp(28px,3.6vw,50px);line-height:1.02;text-transform:uppercase;color:#fff;text-shadow:0 3px 18px rgba(0,0,0,.6)}
.hero .m{color:#e6def5;font-size:14px}
.side{display:flex;flex-direction:column;gap:12px}
.mini{display:grid;grid-template-columns:128px 1fr;gap:14px;align-items:center;background:linear-gradient(135deg,var(--card),var(--night2));border:1px solid var(--line);border-radius:12px;padding:8px;transition:border-color .2s,transform .2s}
.mini:hover{border-color:rgba(255,45,149,.6);transform:translateX(3px)}
.mini .t{font-weight:800;font-size:15px;line-height:1.3;margin-top:4px}.mini .m{color:var(--muted);font-size:13px}
.thumb{position:relative;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:var(--dusk)}
.thumb::before{content:"";position:absolute;inset:-20%;background-image:var(--thumb);background-size:cover;background-position:center;filter:blur(18px) brightness(.4) saturate(1.05);z-index:0}
.thumb img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;object-position:center}
.strip{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin:22px 0 0;padding:12px 18px;border-radius:12px;background:linear-gradient(90deg,rgba(138,63,252,.22),rgba(255,45,149,.16),rgba(255,138,76,.12));border:1px solid var(--line);font-size:14px;color:#efe8fb}
.strip b{font-family:var(--pixel);font-size:11px;color:var(--sun);letter-spacing:.05em}
.strip a{color:var(--cyan);font-weight:700}
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.filters a{border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700;color:#e9e3f7;box-shadow:inset 0 0 0 1px var(--line)}
.filters a.on,.filters a:hover{box-shadow:inset 0 0 0 1.5px var(--pink);color:#fff}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}
.card{position:relative;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--card),var(--night2));border-radius:var(--r);overflow:hidden;box-shadow:inset 0 0 0 1px var(--line);transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1.5px rgba(255,45,149,.75),0 14px 34px rgba(255,45,149,.18)}
.card .thumb{border-radius:0;aspect-ratio:16/9}
.card .b{padding:14px 16px 16px}
.card h3{font:800 17px/1.3 var(--body);margin:10px 0 6px;letter-spacing:0}
.card .m{color:var(--muted);font-size:13px}
.issues{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px}
@media(min-width:1000px){.issues{grid-template-columns:repeat(7,1fr)}}
.issue{text-align:center}
.issue img{width:100%;height:auto;aspect-ratio:724/1024;object-fit:cover;border-radius:6px;box-shadow:0 14px 30px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.08);transition:transform .2s,box-shadow .2s}
.issue a:hover img{transform:translateY(-4px) rotate(-1deg);box-shadow:0 18px 40px rgba(255,45,149,.35),0 0 0 2px var(--pink)}
.issue .t{margin-top:10px;font:400 18px/1.1 var(--display);text-transform:uppercase}
.issue .m{color:var(--muted);font-size:13px}
.issue .a{display:flex;gap:6px;justify-content:center;margin-top:8px}.issue .btn{padding:7px 11px;font-size:11px}
.social{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.consent{background:linear-gradient(160deg,var(--card),var(--night2));border:1px solid var(--line);border-radius:var(--r);padding:20px;min-height:200px}
.consent p{color:var(--muted);font-size:14px}
.facade{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.facade iframe{border:0;width:100%;max-width:500px;height:500px;border-radius:8px;background:#fff}
.ig{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.ig[hidden]{display:none}
.igitem{position:relative;aspect-ratio:1;overflow:hidden;border-radius:6px;background:#22184a}.igitem img{width:100%;height:100%;object-fit:cover}

/* ---------- arcade board ---------- */
.board{font-family:var(--pixel);background:radial-gradient(120% 90% at 50% 0%,#24104f,#0a0620 70%);border-radius:var(--r);padding:22px 20px;box-shadow:inset 0 0 0 2px #ff2d95,inset 0 0 0 6px #0a0620,inset 0 0 0 8px rgba(34,228,255,.7),0 0 40px rgba(255,45,149,.25);position:relative;overflow:hidden}
.board::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px)}
.board h3,.board .bt{font-family:var(--pixel);font-size:14px;color:var(--sun);text-align:center;margin:0 0 16px;letter-spacing:.08em;text-shadow:0 0 10px rgba(255,196,107,.6)}
.board ol{list-style:none;margin:0;padding:0;min-height:var(--rows,150px)}
.board li{display:grid;grid-template-columns:3.2em 1fr auto;gap:10px;padding:7px 4px;font-size:12px;line-height:1.4;color:#fff;border-bottom:1px dashed rgba(255,255,255,.12)}
.board li:nth-child(1){color:#ffd36b}.board li:nth-child(2){color:#22e4ff}.board li:nth-child(3){color:#ff7ab8}
.board li .x{text-align:right}
.board .empty{font-size:11px;color:#cfc7e6;text-align:center;line-height:2;padding:20px 0}
.board .foot{font-size:9px;color:#bdb5d6;text-align:center;margin-top:14px;line-height:1.8}
.home-board{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;align-items:stretch}
.home-board .pitch{background:linear-gradient(160deg,var(--card),var(--night2));border:1px solid var(--line);border-radius:var(--r);padding:22px}
.home-board .pitch h3{font-size:30px;line-height:1.05;margin:4px 0 10px;text-transform:uppercase}
.home-board .pitch ul{margin:0 0 16px;padding-left:20px;color:#e9e3f7}.home-board .pitch li{margin:4px 0}
.home-board .pitch b{color:var(--sun)}
.tabs{display:flex;justify-content:center;gap:10px;margin:0 0 18px}
.tabs button{font:10px/1 var(--pixel);padding:10px 12px;border-radius:6px;border:0;background:rgba(255,255,255,.06);color:#e9e3f7;cursor:pointer;box-shadow:inset 0 0 0 1px var(--line)}
.tabs button[aria-pressed=true]{background:var(--sunset);color:#1a0b2e}
.board.big li{grid-template-columns:4em minmax(0,1fr) 9em 5.5em 11em;font-size:12px}
.board{padding:22px 24px}
@media(max-width:700px){.board.big li{grid-template-columns:3em minmax(0,1fr) auto;font-size:11px}.board.big li .hide-s{display:none}}

/* ---------- article ---------- */
.art{max-width:800px;margin:0 auto}
.art .kick-row{margin-top:30px}
.art h1{font-size:clamp(38px,5.6vw,64px);line-height:1;margin:14px 0 12px;text-transform:uppercase;color:#fff;text-wrap:balance}
.art .lead{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:15px}
.av{width:34px;height:34px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px var(--pink)}
.hero-img{width:100%;height:auto;border-radius:var(--r);margin:22px 0;box-shadow:0 20px 50px rgba(0,0,0,.45),0 0 0 1px var(--line)}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;background:linear-gradient(135deg,rgba(138,63,252,.18),rgba(34,228,255,.08));border:1px solid rgba(34,228,255,.25);border-radius:var(--r);padding:16px 18px;margin:20px 0 28px;font-size:15px}
.facts b{display:block;color:var(--cyan);font-weight:800;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.prose{font-size:19px;line-height:1.78;max-width:70ch;margin:0 auto;color:#ece7f6}
.prose p{margin:0 0 1.15em}
.prose a{color:#7eeaff;text-decoration:underline;text-decoration-color:rgba(126,234,255,.5);text-underline-offset:3px}
.prose a:hover{color:#fff;text-decoration-color:var(--pink)}
.prose a.btn{color:#1a0b2e;text-decoration:none}
.prose strong{color:#fff}
.prose img{height:auto;border-radius:10px;margin:18px auto}
.prose figure{margin:26px 0}.prose figcaption{color:var(--muted);font-size:14px;text-align:center;margin-top:-6px}
.prose h2{font-size:clamp(28px,3.4vw,38px);line-height:1.05;margin:46px 0 14px;text-transform:uppercase;color:#fff}
.prose h2::after{content:"";display:block;width:64px;height:4px;margin-top:10px;border-radius:2px;background:var(--sunset)}
.prose h3{font-size:26px;line-height:1.1;text-transform:uppercase;color:var(--sun);margin:34px 0 10px}
.prose blockquote{margin:28px 0;padding:6px 22px;border-left:4px solid var(--pink);background:rgba(255,45,149,.07);border-radius:0 10px 10px 0;color:#f4eefb;font-size:20px}
.prose table{border-collapse:collapse;width:100%;font-size:16px}.prose td,.prose th{border:1px solid var(--line);padding:8px 10px}
.prose ul,.prose ol{padding-left:1.3em}
.prose .gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:22px 0}
.prose .gallery figure{margin:0}.prose .gallery img{width:100%;aspect-ratio:16/9;object-fit:cover;margin:0}
.verdict{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;margin:34px 0;padding:24px;border-radius:var(--r);background:linear-gradient(120deg,rgba(255,45,149,.20),rgba(138,63,252,.20) 50%,rgba(34,228,255,.10));box-shadow:inset 0 0 0 1px rgba(255,45,149,.45),0 18px 50px rgba(255,45,149,.12)}
.verdict b{font:400 28px/1 var(--display);text-transform:uppercase;letter-spacing:.02em;color:#fff}
.verdict p{margin:6px 0 0!important;color:var(--muted);font-size:15px}
.score{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:50%;font:400 24px/1 var(--display);color:#fff;background:radial-gradient(circle,#1b0f40 58%,transparent 60%),conic-gradient(#ff2d95,#ff8a4c,#ffc46b,#22e4ff,#8a3ffc,#ff2d95)}
.score.big{width:116px;height:116px;font-size:46px;box-shadow:0 0 34px rgba(255,45,149,.45);text-shadow:0 0 14px rgba(255,45,149,.8)}
.pc{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pc ul{margin:0;padding-left:18px}.pc>div{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px}
.pc .pro li::marker{content:"+ ";color:var(--ok)}.pc .con li::marker{content:"– ";color:var(--bad)}
.yt{position:relative;aspect-ratio:16/9;background:#000;border-radius:var(--r);overflow:hidden;margin:24px 0;display:grid;place-items:center;box-shadow:0 0 0 1px var(--line)}
.yt img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.6;margin:0;border-radius:0}
.yt .btn{position:relative;font-size:14px;padding:12px 20px}
.yt .ytl{position:absolute;bottom:8px;right:12px;font-size:12px;color:#ddd!important}
.yt.on iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0 12px;font-size:13px}.tags a{color:#e2dbf3;border-radius:999px;padding:4px 11px;box-shadow:inset 0 0 0 1px var(--line)}.tags a:hover{box-shadow:inset 0 0 0 1px var(--cyan);color:#fff}
.share{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0 26px}.share .m{color:var(--muted);font-size:14px}
.comments{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px;margin:30px 0;font-size:15px}
.comments h2{font-size:26px;text-transform:uppercase;margin:0 0 6px}
.cm{border-top:1px solid var(--line);padding:12px 0}.cm .m{color:var(--muted);font-size:13px}.cm.reply{margin-left:22px}
.art.wide{max-width:1000px}
.pager{display:flex;gap:14px;align-items:center;justify-content:center;margin:34px 0}.pager .m{color:var(--muted)}
.progress{position:fixed;top:0;left:0;height:4px;width:100%;background:var(--sunset);transform-origin:0 50%;transform:scaleX(0);z-index:30;box-shadow:0 0 12px rgba(255,45,149,.7)}

/* ---------- magazine reader ---------- */
.viewer{background:linear-gradient(160deg,var(--card),var(--night2));border-radius:var(--r);overflow:hidden;margin:22px 0;box-shadow:inset 0 0 0 1px var(--line),0 20px 50px rgba(0,0,0,.35)}
.viewer .start{display:grid;grid-template-columns:220px 1fr;gap:26px;padding:24px;align-items:center}
.viewer .start img{border-radius:6px;box-shadow:0 16px 40px rgba(255,45,149,.25),0 0 0 1px rgba(255,255,255,.1)}
.viewer .start h2{font-size:42px;text-transform:uppercase;margin:6px 0 10px}
.kick{font:800 12px/1.2 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--sun)}
.vbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);background:rgba(11,8,32,.6)}
.vbar button,.vbar a{background:transparent;color:#f3eff9;border:0;border-radius:999px;padding:8px 14px;font:700 13px/1 var(--body);cursor:pointer;box-shadow:inset 0 0 0 1px rgba(34,228,255,.5)}
.vbar button:hover,.vbar a:hover{background:rgba(34,228,255,.12)}
.vbar button.on{box-shadow:inset 0 0 0 1.5px var(--pink)}
.vbar [data-info]{font:400 20px/1 var(--display);letter-spacing:.04em;padding:0 6px;color:var(--sun)}
.vbar label{font-size:13px;color:var(--muted)}
.vbar input{width:64px;background:rgba(255,255,255,.06);border:1px solid var(--line);color:#fff;border-radius:8px;padding:6px 8px;font:inherit}
.vbar .vcur{flex-basis:100%;text-align:right;color:var(--muted);font-size:13px}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.stagewrap{position:relative;background:radial-gradient(80% 60% at 50% 0%,#2a1460,#0b0820)}
.vstage{display:flex;justify-content:center;gap:2px;padding:16px;min-height:300px}
.vstage canvas{max-width:49%;height:auto;max-height:80vh;box-shadow:0 14px 44px rgba(0,0,0,.65);background:#fff}
.vstage.one canvas{max-width:96%}
.vnav{position:absolute;top:0;bottom:0;width:16%;border:0;background:transparent;color:#fff;font-size:56px;opacity:0;transition:opacity .2s;cursor:pointer}
.vnav.prev{left:0;background:linear-gradient(90deg,rgba(11,8,32,.55),transparent)}.vnav.next{right:0;background:linear-gradient(270deg,rgba(11,8,32,.55),transparent)}
.stagewrap:hover .vnav{opacity:1}
@media (hover:none){.vnav{opacity:.65;width:14%}}
.mtoc{padding:14px;border-top:1px solid var(--line)}
.mtoc ol{list-style:none;margin:8px 0 0;padding:0}
.mtoc a{display:grid;grid-template-columns:70px 1fr;gap:10px;padding:9px 6px;border-bottom:1px solid var(--line);font-size:15px}
.mtoc a:hover,.mtoc a.on{background:rgba(255,45,149,.10)}.mtoc .mono{color:var(--pink);font-size:13px}
.mtoc i{color:var(--muted);font-style:normal;margin-left:8px;font-size:13px}
.viewer [hidden]{display:none!important}
#reader{scroll-margin-top:110px}

/* ---------- search (Pagefind UI) ---------- */
#search{--pagefind-ui-primary:#22e4ff;--pagefind-ui-text:#f3eff9;--pagefind-ui-background:#17113a;--pagefind-ui-border:rgba(255,255,255,.14);--pagefind-ui-tag:#2a1f5a;--pagefind-ui-border-width:1px;--pagefind-ui-border-radius:12px;--pagefind-ui-font:Inter,system-ui,sans-serif;--pagefind-ui-image-border-radius:8px;--pagefind-ui-image-box-ratio:16/9}
#search .pagefind-ui__search-input{color:#fff;font-weight:600}#search .pagefind-ui__search-input::placeholder{color:#cfc7e6;opacity:1}
#search .pagefind-ui__form::before{background-color:#22e4ff}
#search .pagefind-ui__message{color:var(--sun);font-family:var(--pixel);font-size:11px;letter-spacing:.04em}
#search .pagefind-ui__result{border-top:1px solid var(--line);padding:22px 0}
#search .pagefind-ui__result-link{color:#fff;font-weight:800}#search .pagefind-ui__result-link:hover{color:var(--pink)}
#search .pagefind-ui__result-excerpt{color:#d6cfe9}
#search mark{background:rgba(255,45,149,.30);color:#fff;padding:0 3px;border-radius:3px}
#search .pagefind-ui__result-thumb{width:min(30%,200px);max-width:200px;aspect-ratio:16/9;overflow:hidden}
#search .pagefind-ui__result-thumb img{width:100%;height:100%;object-fit:contain;object-position:center}
#search .pagefind-ui__button{background:var(--sunset);color:#1a0b2e;border:0;font-weight:800}

/* ---------- footer with sunset + palms ---------- */
footer.foot{margin-top:72px;position:relative;color:#e2dbf3;font-size:14px}
.skyline{position:relative;height:150px;overflow:hidden;background:linear-gradient(180deg,transparent 0%,rgba(122,31,143,.35) 55%,rgba(255,79,134,.45) 100%)}
.skyline .sun{position:absolute;left:50%;bottom:-74px;width:210px;height:210px;margin-left:-105px;border-radius:50%;background:linear-gradient(180deg,#ffd27a 0%,#ff8a4c 40%,#ff2d95 75%);-webkit-mask:linear-gradient(#000 0 36%,transparent 36% 39%,#000 39% 46%,transparent 46% 50%,#000 50% 56%,transparent 56% 61%,#000 61% 66%,transparent 66% 72%,#000 72%);mask:linear-gradient(#000 0 36%,transparent 36% 39%,#000 39% 46%,transparent 46% 50%,#000 50% 56%,transparent 56% 61%,#000 61% 66%,transparent 66% 72%,#000 72%);box-shadow:0 0 80px rgba(255,45,149,.6)}
.skyline svg{position:absolute;bottom:0;fill:#0a061c}
.skyline .p1{left:6%;width:120px;height:190px}.skyline .p2{left:14%;width:80px;height:130px;transform:scaleX(-1)}
.skyline .p3{right:8%;width:130px;height:200px;transform:scaleX(-1)}.skyline .p4{right:18%;width:76px;height:120px}
.skyline .ground{left:0;right:0;width:100%;height:26px}
.fbar{background:#0a061c;border-top:2px solid rgba(255,45,149,.5);padding:28px 0 34px}
.fgrid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:22px}
.fgrid b.f,.fgrid .fmark{display:block;background:none;margin-bottom:10px;width:112px;height:auto}
.fgrid h2.fh{margin:0 0 8px;font:800 11px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--cyan)}
.fgrid a{color:#f3eff9;display:inline-block;padding:3px 0}.fgrid a:hover{color:var(--pink)}
.small{font-size:12px;color:var(--muted)}
@media(max-width:800px){.fgrid{grid-template-columns:1fr 1fr}.skyline{height:110px}.skyline .p2,.skyline .p4{display:none}.skyline .sun{width:160px;height:160px;margin-left:-80px;bottom:-58px}}

/* ---------- 404 ---------- */
.lost{text-align:center;padding:40px 0 10px}
.lost .n{font:400 clamp(110px,22vw,220px)/.9 var(--display);background:var(--dusk);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 30px rgba(255,45,149,.45))}
.lost h1{font-size:clamp(30px,4vw,46px);text-transform:uppercase;margin:10px 0}
.lost p{color:var(--muted);font-size:18px}

/* ---------- XP HUD + modal ---------- */
.hud{position:fixed;right:16px;bottom:16px;z-index:40;display:flex;align-items:center;gap:8px;font-family:var(--pixel);color:#fff}
.hud .pill{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;background:rgba(11,8,32,.92);box-shadow:inset 0 0 0 1.5px var(--pink),0 0 22px rgba(255,45,149,.35);border:0;color:inherit;font:inherit;cursor:pointer;text-align:left}
.hud .lv{font-size:10px;color:#1a0b2e;background:var(--sunset);padding:5px 6px;border-radius:5px}
.hud .xp{font-size:11px;color:var(--sun)}
.hud .rk{font:700 11px/1.2 var(--body);color:#e9e3f7;max-width:150px}
.hud .bar{display:block;height:4px;width:100%;border-radius:2px;background:rgba(255,255,255,.12);margin-top:5px;overflow:hidden}.hud .bar i{display:block;height:100%;background:linear-gradient(90deg,#22e4ff,#ff2d95);width:0}
.hud .save{font:9px/1 var(--pixel);padding:11px 10px;border-radius:10px;border:0;background:var(--sunset);color:#1a0b2e;cursor:pointer;box-shadow:0 6px 18px rgba(255,45,149,.35)}
.hud .panel{position:absolute;right:0;bottom:calc(100% + 10px);width:280px;padding:16px;border-radius:14px;background:#120c30;box-shadow:inset 0 0 0 1.5px rgba(34,228,255,.6),0 18px 40px rgba(0,0,0,.6);font:14px/1.5 var(--body)}
.hud .panel[hidden]{display:none}
.hud .panel .ph{font:11px/1.4 var(--pixel);color:var(--sun);margin:0 0 10px}
.hud .panel dl{display:grid;grid-template-columns:1fr auto;gap:4px 10px;margin:0 0 12px;font-size:13px}.hud .panel dd{margin:0;font-weight:800;color:#fff}.hud .panel dt{color:var(--muted)}
.hud .panel .row{display:flex;gap:8px;flex-wrap:wrap}
.hud .panel .note{font-size:12px;color:var(--muted);margin:10px 0 0}
.hud .panel button.lnk{background:none;border:0;color:var(--muted);text-decoration:underline;font:12px var(--body);cursor:pointer;padding:0}
.xpop{position:fixed;z-index:41;right:34px;bottom:76px;white-space:nowrap;font:13px var(--pixel);color:var(--sun);text-shadow:0 0 8px rgba(255,196,107,.8),0 2px 0 #1a0b2e;pointer-events:none;animation:xpop 1.4s ease-out forwards}
@keyframes xpop{0%{opacity:0;transform:translateY(10px) scale(.9)}15%{opacity:1;transform:translateY(0) scale(1.1)}100%{opacity:0;transform:translateY(-46px) scale(1)}}
.toast{position:fixed;z-index:42;left:50%;top:118px;transform:translateX(-50%);padding:14px 20px;border-radius:12px;background:#120c30;box-shadow:inset 0 0 0 2px var(--pink),0 0 40px rgba(255,45,149,.5);font:12px/1.7 var(--pixel);color:#fff;text-align:center;animation:toast 3.2s ease forwards}
.toast b{display:block;font-size:16px;color:var(--sun)}
@keyframes toast{0%{opacity:0;transform:translate(-50%,-14px)}10%,85%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,-8px)}}
.modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:16px;background:rgba(6,3,18,.78);backdrop-filter:blur(4px)}
.modal[hidden]{display:none}
.modal .box{width:min(460px,100%);text-align:center;padding:28px 22px 22px}
.modal .ttl{font:22px/1.3 var(--pixel);color:var(--pink);text-shadow:0 0 14px rgba(255,45,149,.8);margin:0 0 6px}
.modal .sub{font:10px/1.8 var(--pixel);color:var(--cyan);margin:0 0 18px}
.modal .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 20px;font:9px/1.8 var(--pixel);color:#cfc7e6}.modal .stats b{display:block;font-size:15px;color:var(--sun)}
.modal input{width:100%;font:18px/1 var(--pixel);text-transform:uppercase;letter-spacing:.12em;text-align:center;padding:14px 10px;border-radius:10px;border:0;background:#05030f;color:#fff;box-shadow:inset 0 0 0 2px var(--cyan);caret-color:var(--pink)}
.modal input:focus{outline:none;box-shadow:inset 0 0 0 2px var(--pink),0 0 18px rgba(255,45,149,.5)}
.modal .hint{font:12px/1.5 var(--body);color:var(--muted);margin:8px 0 16px}
.modal .err{font:12px/1.5 var(--body);color:#ff9bb7;min-height:18px;margin:0 0 8px}
.modal .row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.modal .ok{font:11px var(--pixel)}
.blink{animation:blink 1s steps(2,start) infinite}@keyframes blink{to{visibility:hidden}}
@media(max-width:600px){.hud{right:10px;bottom:10px}.hud .pill{padding:7px 10px}.hud .save{padding:10px 8px}footer.foot{padding-bottom:64px;background:#0a061c}.hud .rk{display:none}.hud .panel{width:min(300px,calc(100vw - 20px))}.modal .ttl{font-size:18px}}

/* ---------- responsive ---------- */
@media(max-width:960px){.hero{grid-template-columns:1fr}.home-board{grid-template-columns:1fr}}
@media(max-width:800px){
 .social,.pc{grid-template-columns:1fr}
 .hero .main{aspect-ratio:16/9}.hero .main .ov{padding:70px 16px 16px}.hero h1{font-size:28px}
 .mini{grid-template-columns:108px 1fr}
 .prose{font-size:18px;line-height:1.72}
 .viewer .start{grid-template-columns:1fr;justify-items:start}.viewer .start img{max-width:200px}
 .vbar .vcur{text-align:left}
 .verdict{grid-template-columns:1fr;justify-items:start}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.xpop{opacity:1}.card:hover,.mini:hover,.issue a:hover img{transform:none}}
.nw{white-space:nowrap}
html.px{--pixel:"Press Start 2P",ui-monospace,monospace}

/* ---------- homepage magazine rail ---------- */
.mag-rail{margin:28px 0 8px;width:100%;container-type:inline-size;container-name:magrail}
.mag-rail__head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mag-rail__head .sec{margin:0}
.mag-rail__head .sec::before{display:none}
.mag-rail__nav{display:flex;gap:8px}
.mag-rail__nav button{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:#fff;font-size:22px;cursor:pointer}
.mag-rail__nav button:hover{border-color:rgba(255,45,149,.7)}
.mag-rail__scroller{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:14px 0 22px;scrollbar-color:var(--pink) transparent;width:100%}
.mag-flip{flex:0 0 clamp(200px, calc((100cqi - 4 * 16px) / 5), 240px);scroll-snap-align:start;background:linear-gradient(180deg,var(--card),var(--night2));border:1px solid var(--line);border-radius:var(--r);padding:10px 10px 14px;min-width:200px;max-width:240px;box-sizing:border-box}
.mag-flip__link{display:block;color:inherit;text-decoration:none;border-radius:8px;outline:none}
.mag-flip__stage{display:block;position:relative;aspect-ratio:724/1024;border-radius:8px;overflow:hidden;background:var(--dusk);box-shadow:0 10px 24px rgba(0,0,0,.4);isolation:isolate;transition:transform .28s ease,box-shadow .28s ease,filter .28s ease}
.mag-flip__stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center top;background:#120c28}
.mag-flip__stage::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2;opacity:0;background:linear-gradient(125deg,rgba(0,200,255,.2),transparent 42%,rgba(139,92,246,.18));box-shadow:inset 0 0 0 2px rgba(0,200,255,.95),0 0 14px 3px rgba(59,130,246,.65),0 0 30px 8px rgba(168,85,247,.45);transition:opacity .25s ease}
.mag-flip__link:hover .mag-flip__stage,.mag-flip__link:focus-visible .mag-flip__stage{transform:translateY(-5px);filter:saturate(1.12) brightness(1.04);box-shadow:0 0 0 2px #3b82f6,0 0 18px 4px rgba(0,200,255,.65),0 0 36px 10px rgba(168,85,247,.45),0 16px 32px rgba(0,0,0,.35);animation:mag-lightning .65s ease-out 1}
.mag-flip__link:hover .mag-flip__stage::after,.mag-flip__link:focus-visible .mag-flip__stage::after{opacity:1}
@keyframes mag-lightning{0%{filter:brightness(1) saturate(1)}8%{filter:brightness(1.38) saturate(1.3)}16%{filter:brightness(1.02) saturate(1.05)}30%{filter:brightness(1.28) saturate(1.22)}45%{filter:brightness(1.05) saturate(1.08)}100%{filter:saturate(1.12) brightness(1.04)}}
.mag-flip__meta{display:block;margin-top:10px}
.mag-flip__meta .t{display:block;font-weight:800;font-size:15px;margin-bottom:8px}
@media(max-width:860px){.mag-rail__nav{display:none}}
@media (prefers-reduced-motion:reduce){
  .mag-rail__scroller{scroll-snap-type:none}
  .mag-flip__link:hover .mag-flip__stage,.mag-flip__link:focus-visible .mag-flip__stage{animation:none;transform:none;filter:none;box-shadow:0 0 0 2px #3b82f6,0 0 16px 4px rgba(59,130,246,.55),0 0 28px 8px rgba(168,85,247,.4),0 10px 24px rgba(0,0,0,.4)}
}

/* hud-safe: keep the XP/Salvează widget from covering carousel and cards */
@media (min-width: 601px) {
  .grid, .issues { padding-right: 240px; }
  main.wrap { padding-bottom: 96px; }
  footer.foot { padding-bottom: 88px; }
}
@media (max-width: 600px) {
  main.wrap { padding-bottom: 88px; }
  footer.foot { padding-bottom: 96px; }
}

/* ---- features4: top 10, calendar, istorie, stats ---- */
.meta-line{color:var(--muted);margin:0 0 22px}
.t10-filters{display:flex;flex-wrap:wrap;gap:18px 28px;align-items:flex-end;margin:20px 0 10px;padding:16px 18px;border-radius:var(--r);background:linear-gradient(180deg,var(--card),var(--night2));box-shadow:inset 0 0 0 1px var(--line)}
.t10-filters fieldset{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center}
.t10-filters legend{font:800 12px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);margin-right:8px}
.t10-filters label{display:inline-flex;align-items:center;gap:6px;color:var(--text);font-size:14px}
.t10-author{display:flex;flex-direction:column;gap:6px;font:800 12px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--cyan)}
.t10-author select{font:16px/1.3 var(--body);text-transform:none;letter-spacing:0;color:#fff;background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:10px;padding:8px 12px}
.t10-status{color:var(--muted);margin:8px 0 18px}
.t10-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.t10-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.t10-card{display:grid;grid-template-columns:2.2em 160px 1fr;gap:12px;align-items:center;background:linear-gradient(180deg,var(--card),var(--night2));border-radius:var(--r);overflow:hidden;box-shadow:inset 0 0 0 1px var(--line);padding:0 12px 0 0;min-height:90px}
.t10-card:hover{box-shadow:inset 0 0 0 1.5px rgba(255,45,149,.75),0 14px 34px rgba(255,45,149,.18)}
.t10-rank{font-family:var(--display);font-size:28px;text-align:center;color:var(--sun)}
.t10-card .thumb{aspect-ratio:16/9;border-radius:0;background:var(--dusk)}
.t10-card .b{padding:10px 4px 10px 0}
.t10-card h3{margin:6px 0 4px;font:800 16px/1.25 var(--body)}
.t10-empty{color:var(--muted);padding:12px 0}
@media(max-width:900px){.t10-grid{grid-template-columns:1fr}.t10-card{grid-template-columns:2em 120px 1fr}}
@media(max-width:560px){.t10-card{grid-template-columns:2em 1fr}.t10-card .thumb{display:none}}

.cal-month{margin:28px 0}
.cal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}
.cal-card{display:flex;flex-direction:column;background:linear-gradient(180deg,var(--card),var(--night2));border-radius:var(--r);overflow:hidden;box-shadow:inset 0 0 0 1px var(--line)}
.cal-cover{aspect-ratio:2/3;background:var(--dusk);overflow:hidden}
.cal-cover img{width:100%;height:100%;object-fit:cover;object-position:center top}
.cal-ph{width:100%;height:100%;display:grid;place-items:center;font:700 72px/1 var(--display);background:linear-gradient(160deg,#2a0f5c,#8a3ffc 55%,#22e4ff);color:#fff}
.cal-body{padding:14px 16px 16px}
.cal-body time{color:var(--cyan);font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.cal-body h3{margin:6px 0 10px;font:800 18px/1.25 var(--body)}
.cal-ed{font-weight:600;color:var(--muted);font-size:14px}
.cal-plats{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.cal-links{display:flex;flex-wrap:wrap;gap:8px}
.cal-links .btn{font-size:13px}

.hist-facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin:22px 0 8px}
.hist-fact{background:linear-gradient(180deg,var(--card),var(--night2));border-radius:var(--r);padding:16px;box-shadow:inset 0 0 0 1px var(--line)}
.hist-fact b{display:block;font:700 22px/1.15 var(--display);background:var(--sunset);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:6px}
.hist-fact span{color:var(--muted);font-size:13px}
.hist-years{list-style:none;margin:0 0 28px;padding:0}
.hist-years li{display:grid;grid-template-columns:4.5em 1fr 3em;gap:10px;align-items:center;margin:6px 0}
.hist-years i{display:block;height:10px;border-radius:999px;background:var(--sunset);box-shadow:0 0 12px rgba(255,45,149,.35)}
.hist-years b{text-align:right;color:var(--sun)}
.hist-y{margin:22px 0 12px;font-size:22px;text-transform:uppercase}
.hist-y span{color:var(--muted);font-size:16px;font-weight:600}
.hist-mags{padding-left:1.1em}
.hist-block{margin-bottom:10px}

.stat-pop{list-style:none;margin:0;padding:0}
.stat-pop li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;padding:12px 0;border-bottom:1px solid var(--line)}
.stat-pop a{font-weight:700}
.stat-pop span{color:var(--muted);font-size:14px}
.stat-pod{padding-left:1.2em}
@media(min-width:1280px){
  .links{gap:7px;flex-wrap:wrap}
  .links a{font-size:12px;letter-spacing:.04em}
  header.top .nav{height:auto;min-height:64px;padding:8px 0}
}

@media(max-width:800px){
  .hist-facts{grid-template-columns:1fr 1fr}
}

/* ---- magazine viewer: contain, single-page on phones, zoom ---- */
.stagewrap{height:min(82vh,980px);overflow:hidden;touch-action:none}
.vstage{align-items:center;height:100%;padding:8px;transform-origin:center center;will-change:transform}
.vstage canvas{max-width:none;max-height:none;width:auto;height:auto;box-shadow:0 14px 44px rgba(0,0,0,.65);background:#fff}
.vstage.one canvas{max-width:none}
.viewer:fullscreen,.viewer:-webkit-full-screen{background:#0b0820;width:100%;height:100%}
.viewer:fullscreen .stagewrap,.viewer:-webkit-full-screen .stagewrap{height:calc(100vh - 58px)}
.vbar [data-zoomin],.vbar [data-zoomout]{min-width:38px;font-size:18px}
@media(max-width:800px){
  .viewer .start{grid-template-columns:1fr;justify-items:center;text-align:center}
  .viewer .start img{width:min(200px,60vw);height:auto}
  .stagewrap{height:min(78vh,860px)}
}