:root[data-skin=mag]{--mag-yellow:#ffd23f;--mag-hot:var(--orange);--mag-ink:#05070d;--mag-shadow:6px 6px 0 var(--mag-ink);--font-display:"Anton", "Arial Narrow", Impact, sans-serif;--font-pixel:"Press Start 2P", ui-monospace, monospace;--radius:6px}:root[data-skin=mag][data-theme=light]{--mag-yellow:#f2b600;--mag-ink:#131a2e}:root[data-skin=mag] body:before{content:"";z-index:-1;pointer-events:none;opacity:.07;background-image:radial-gradient(circle at 1px 1px, var(--text) 1px, transparent 1.4px);background-size:6px 6px;position:fixed;inset:0}:root[data-skin=mag] h1,:root[data-skin=mag] .card .title,:root[data-skin=mag] .sec-head h2,:root[data-skin=mag] .rel-end h2{font-family:var(--font-display);letter-spacing:.01em;font-weight:400;line-height:1.08}:root[data-skin=mag] h1{text-wrap:balance;font-size:clamp(2rem,1.3rem + 2.6vw,3.3rem)}:root[data-skin=mag] .sec-head h2{text-transform:uppercase;font-size:clamp(1.5rem,1.2rem + 1vw,2rem)}:root[data-skin=mag] .card .title{font-size:1.32rem}:root[data-skin=mag] .card.hero .title{font-size:clamp(1.8rem,1.3rem + 1.8vw,2.6rem)}:root[data-skin=mag] .card.compact .title{font-size:1.05rem}:root[data-skin=mag] .chip,:root[data-skin=mag] .kicker,:root[data-skin=mag] .sticker,:root[data-skin=mag] .review-stamp span,:root[data-skin=mag] .crumbs{font-family:var(--font-pixel);letter-spacing:.02em;font-size:.58rem;line-height:1.6}:root[data-skin=mag] .chip{border:2px solid var(--mag-ink);background:var(--mag-yellow);color:var(--mag-ink);border-radius:0;padding:3px 7px}:root[data-skin=mag] .chip.warm{background:var(--mag-hot)}:root[data-skin=mag] .card{border:2px solid var(--mag-ink);border-radius:var(--radius);box-shadow:var(--mag-shadow);background:var(--surface);transition:transform .15s}:root[data-skin=mag] .card:hover{transform:translate(-3px,-3px)rotate(-.3deg)}:root[data-skin=mag] .card.hero{box-shadow:8px 8px 0 var(--cyan)}:root[data-skin=mag] .card .thumb{display:block;position:relative}:root[data-skin=mag] .sticker{z-index:2;border:2px solid var(--mag-ink);background:var(--mag-yellow);color:var(--mag-ink);box-shadow:3px 3px 0 var(--mag-ink);padding:5px 8px;display:block;position:absolute;top:10px;left:-6px;transform:rotate(-7deg)}:root[data-skin=mag] .sticker.rev{background:var(--cyan)}:root[data-skin=mag] .sticker.dig{background:var(--mag-hot)}:root[data-skin=mag] .article .hero{border:2px solid var(--mag-ink);box-shadow:var(--mag-shadow);border-radius:var(--radius);position:relative;overflow:hidden}:root[data-skin=mag] .article .hero:after{content:"";pointer-events:none;opacity:.12;background:repeating-linear-gradient(#0000 0 2px,#0000008c 2px 3px);position:absolute;inset:0}:root[data-skin=mag] .article .hero figcaption{z-index:1;position:relative}:root[data-skin=mag] .crumbs{color:var(--muted);margin-bottom:12px;display:block}:root[data-skin=mag] .crumbs a{color:var(--cyan)}:root[data-skin=mag] .share{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}:root[data-skin=mag] .share a,:root[data-skin=mag] .share button{font:700 .8rem/1 var(--font-body);border:2px solid var(--mag-ink);cursor:pointer;background:var(--surface);color:var(--text);box-shadow:3px 3px 0 var(--mag-ink);border-radius:0;padding:8px 12px;transition:transform .12s}:root[data-skin=mag] .share button{background:var(--mag-yellow);color:var(--mag-ink)}:root[data-skin=mag] .share button[hidden]{display:none}:root[data-skin=mag] .share a:hover,:root[data-skin=mag] .share button:hover{transform:translate(-2px,-2px)}:root[data-skin=mag] .review-stamp{float:right;border:3px solid var(--mag-ink);background:var(--mag-yellow);width:112px;height:112px;color:var(--mag-ink);box-shadow:5px 5px 0 var(--mag-ink);text-align:center;border-radius:50%;place-items:center;margin:0 0 12px 16px;display:inline-grid;transform:rotate(8deg)}:root[data-skin=mag] .review-stamp b{font:400 2.9rem/1 var(--font-display);margin-top:-18px}:root[data-skin=mag] .review-stamp span{margin-top:18px}:root[data-skin=mag] .author-box{border:2px solid var(--mag-ink);box-shadow:var(--mag-shadow);border-radius:var(--radius)}:root[data-skin=mag] .author-box .beat{font:400 .6rem/1.6 var(--font-pixel);color:var(--mag-yellow);margin:2px 0 6px}:root[data-skin=mag] .rel-end{margin:40px 0 8px;display:block}:root[data-skin=mag] .rel-end .rel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}:root[data-skin=mag] .a-side .rel,:root[data-skin=mag] .a-side>.sec-head{display:none}@media (width<=640px){:root[data-skin=mag] .rel-end .rel-grid{grid-template-columns:1fr}}:root[data-skin=mag] .sp-theme{border:2px solid var(--mag-ink);background:var(--mag-yellow);width:44px;height:44px;color:var(--mag-ink);box-shadow:3px 3px 0 var(--mag-ink);position:relative;overflow:hidden}:root[data-skin=mag] .sp-theme svg{width:22px;height:22px}:root[data-skin=mag] .sp-theme:after{content:"";background:linear-gradient(90deg,#0000,#ffffffbf,#0000);width:40%;height:200%;position:absolute;top:-50%;left:-60%;transform:rotate(25deg)}@media (prefers-reduced-motion:no-preference){:root[data-skin=mag] .sp-theme:after{animation:4.5s ease-in-out infinite sp-glint}:root[data-skin=mag] .sp-theme:hover:after{animation-duration:1s}}@keyframes sp-glint{0%,70%{left:-60%}to{left:130%}}@media (prefers-reduced-motion:no-preference){::view-transition-old(root),::view-transition-new(root){animation-duration:.18s}}@media (prefers-reduced-motion:reduce){:root[data-skin=mag] .card,:root[data-skin=mag] .share a,:root[data-skin=mag] .share button{transition:none}}