/* arcade + ad spots (Oct 20). black + blood red. Art swap points: .ad-house-* and .arc-title get Creative's images later. */
.arc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr));gap:22px}
.arc-cab{border:1px solid var(--line);background:var(--crypt)}
.arc-cab canvas{display:block;width:100%;max-width:800px;margin:0 auto;background:#000;image-rendering:pixelated;touch-action:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.arc-body{padding:12px 14px;font-family:var(--f-term),monospace;font-size:1.15rem;color:var(--ash)}
.arc-hud{display:flex;justify-content:space-between;color:var(--bone)}
.arc-hud b{color:var(--ember);font-weight:400}
.arc-pad{display:grid;grid-template-columns:repeat(3,52px);gap:6px;justify-content:center;margin-top:10px}
.arc-pad button{font:inherit;font-size:1.4rem;height:44px;background:#000;color:var(--bone);border:1px solid var(--blood)}
.arc-pad button:active{background:var(--blood)}
.arc-over{border:1px dashed var(--blood);padding:10px;margin-top:10px;color:var(--bone)}
.arc-over a{color:var(--ember)}
.arc-lb ol{margin:6px 0 0;padding-left:26px}
.arc-lb li{color:var(--bone)} .arc-lb li span{color:var(--ash)}
.arc-title{font-family:var(--font-main);font-weight:700;color:var(--blood);font-size:clamp(2rem,6vw,3.4rem);margin:.2em 0 0;text-shadow:2px 2px 0 #000}
/* ad spots */
.ad-zone{display:grid;gap:8px;justify-items:center;margin-block:14px}
.ad-zone .ad-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.ad-zone .ad-cap{font-family:var(--f-term),monospace;color:var(--ash);font-size:.95rem;letter-spacing:.08em}
.ad-zone .ad-cap a{color:var(--ash)}
.ad-spot{display:block;overflow:hidden;border:1px solid var(--line);background:#000;text-decoration:none}
.ad-spot img{display:block;width:100%;height:100%;object-fit:cover}
.ad-88{width:88px;height:31px}.ad-468{width:468px;max-width:100%;height:60px}
.ad-house{display:flex;align-items:center;justify-content:center;font-family:var(--f-term),monospace;color:var(--bone);line-height:1;text-align:center;background:linear-gradient(#1a0004,#000);border-color:var(--blood)}
.ad-88.ad-house{font-size:.85rem}.ad-468.ad-house{font-size:1.25rem;gap:10px}
.ad-house b{color:var(--ember);font-weight:400}
.ad-house:hover{background:var(--blood)}
@media (prefers-reduced-motion:no-preference){.ad-house b{animation:adblink 1.2s steps(2) infinite}}
@keyframes adblink{50%{opacity:.25}}