/* VECTARCADE information surfaces. Gameplay chrome lives in the guide. */
body.play-mode .play-app{grid-template-columns:minmax(0,1fr)}
@media(min-width:761px){body.play-mode{overflow-y:auto;overflow-x:hidden}body.play-mode .play-app{position:relative;inset:auto;height:100vh;height:100dvh}body.play-mode .play-app .search-bar{position:absolute}}
.vca-footer,.vca-info{font:16px/1.7 Inter,system-ui,sans-serif;color:#b6b8c8;box-sizing:border-box}
.vca-footer{position:relative;z-index:1;max-width:1120px;margin:0 auto;padding:48px 28px 28px;text-align:left;border-top:1px solid #00ffee40;background:linear-gradient(120deg,#00ffee06,transparent 55%,#ff00aa05)}
.vca-footer a,.vca-info a{color:#bfe9ed;text-underline-offset:4px}
.vca-footer a:hover,.vca-info a:hover{color:#00ffee}
.vca-footer a:focus-visible,.vca-info :focus-visible{outline:2px solid #00ffee;outline-offset:5px}
.vca-footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}
.vca-footer h2{color:#00ffee;font:18px/1.4 var(--f-pixel,monospace);letter-spacing:.1em;margin:0 0 12px}
.vca-footer nav a{display:block;padding:8px 0;font-size:14px;text-decoration:none;min-height:24px}
.vca-footer p{margin:12px 0}.vca-footer .vca-maker{font-size:14px;color:#b6b8c8}
.vca-footer-base{border-top:1px solid #ffffff1a;margin-top:32px;padding-top:16px;font-size:13px}
.vca-brand{text-decoration:none}.vca-wordmark{color:#eef0fb;font:800 28px/1.2 Inter,system-ui,sans-serif;letter-spacing:-.04em;white-space:nowrap}
.vca-wordmark>span{color:#00ffee;background:linear-gradient(90deg,#00e5ff,#b026ff,#ff00aa,#ff8c00,#ffd400);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
body.vca-info{margin:0;background:radial-gradient(ellipse at 20% 0,#00ffee09,transparent 50%),#050010;min-height:100vh;overflow-x:hidden}
.vca-info *{box-sizing:border-box}.vca-info-header{max-width:1120px;margin:auto;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #ffffff1a}
.vca-info-header>a:last-child{font-size:14px}.vca-info-main{max-width:1000px;margin:auto;padding:64px 28px 80px}
.vca-info .vca-eyebrow{color:#00ffee;font:18px/1.5 var(--f-pixel,monospace);letter-spacing:.12em;margin:0 0 16px}
.vca-info h1{font:400 clamp(32px,7vw,76px)/1.08 var(--f-display,Impact,sans-serif);letter-spacing:.02em;color:#eef0fb;text-transform:uppercase;margin:0 0 20px;overflow-wrap:anywhere}
.vca-info .vca-lede{font-size:20px;max-width:640px;color:#d5d8e7}.vca-info .vca-updated{font-size:13px;color:#9ca2b8;margin:24px 0 32px}
.vca-info-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:48px;border-top:1px solid #00ffee40;padding-top:32px}
.vca-info-toc{align-self:start;position:sticky;top:24px}.vca-info-toc a{display:block;padding:8px 0;font-size:14px;text-decoration:none}
.vca-info article{min-width:0;max-width:680px}.vca-info section{margin-bottom:36px;scroll-margin-top:24px}.vca-info h2{font-size:22px;line-height:1.4;color:#eef0fb;margin:0 0 14px}.vca-info p{margin:0 0 16px}.vca-info li{margin-bottom:8px}.vca-info strong{color:#eef0fb}.vca-info code{overflow-wrap:anywhere;font-size:14px;color:#c1e9ed}
.vca-info .vca-settings{padding:24px;border:1px solid #00ffee55;background:#00ffee05}.vca-info button{font:inherit;cursor:pointer;min-height:44px;padding:10px 18px;border:1px solid #00ffee80;background:#0a1420;color:#eef0fb;border-radius:3px}.vca-info button:hover{border-color:#00ffee}.vca-info .vca-actions{display:flex;flex-wrap:wrap;gap:12px}.vca-info [role=status]{margin:16px 0 0;font-size:14px;color:#bfe9ed}.vca-info [hidden]{display:none}.vca-skip{position:absolute;left:20px;top:-100px;padding:12px;background:#050010;z-index:10}.vca-skip:focus{top:12px}
@media(max-width:650px){.vca-footer{padding:32px 20px 24px}.vca-footer-top{grid-template-columns:1fr 1fr;gap:28px 18px}.vca-footer-top>div{grid-column:1/-1}.vca-info-header{padding:20px;gap:12px}.vca-info-header .vca-wordmark{font-size:23px}.vca-info-main{padding:40px 20px 48px}.vca-info-layout{grid-template-columns:1fr;gap:28px}.vca-info-toc{position:static;display:flex;flex-wrap:wrap;gap:0 18px}.vca-info .vca-lede{font-size:18px}.vca-info .vca-settings{padding:18px}}
@media(forced-colors:active){.vca-wordmark>span{background:none;-webkit-text-fill-color:currentColor}}