/* Shared navigation and footer on game pages — scoped to avoid game CSS collisions */
:root{--arcade-border:rgba(255,255,255,.12);--arcade-pink:#ff5eae;--arcade-purple:#a779ff}
.top{border-bottom:1px solid var(--arcade-border);background:rgba(15,9,33,.75);backdrop-filter:blur(16px)}
.top .wrap,footer .wrap{width:min(1160px,calc(100% - 40px));margin:auto}
.top .nav{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.top .brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:#fff}
.top .brand-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#f355ad,#8559ff);font-size:27px;box-shadow:0 8px 30px #f355ad44}
.top .brand-name{font-size:18px;font-weight:900;letter-spacing:-.5px;line-height:1.1}
.top .brand-name span{display:block;color:#d3b5ff;font-size:11px;letter-spacing:2.6px;margin-top:6px}
.top .back{color:#fff;text-decoration:none;font-weight:750;font-size:13px;padding:12px 17px;border:1px solid var(--arcade-border);border-radius:999px;background:#ffffff0a;white-space:nowrap}
.top .back:hover{background:#ffffff1c}
footer{border-top:1px solid var(--arcade-border);padding:25px 0 35px;color:#b9acce;font-size:13px}
footer .foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px}
footer a{color:inherit;text-decoration:none}footer a:hover{color:#fff}
@media(max-width:600px){.top .wrap,footer .wrap{width:calc(100% - 28px)}.top .nav{min-height:75px}.top .brand-name{font-size:15px}.top .brand-icon{width:43px;height:43px;font-size:23px}.top .back{font-size:11px;padding:10px}footer .foot{flex-direction:column}}