﻿/* Site information and contact stay distinct from the arcade game screens. */
body.contact-mode main{background:#101a2b;color:#f4f6fc}
.contact-view{max-width:880px;padding:43px 0 54px}
.contact-heading{margin-bottom:28px}
#contact-heading{font-family:var(--display);font-size:72px;font-weight:800;line-height:.95;letter-spacing:-1px;margin:0 0 14px}
#contact-heading span{color:#ff773d}
.contact-heading>p{font-size:17px;line-height:1.5;margin:0;color:#bcc9da}
.contact-copy{max-width:740px}
.contact-copy p{font-size:16px;line-height:1.7;color:#b9c7d9;margin:0 0 15px}
.contact-copy h2,.contact-channel h2{font-family:var(--display);font-size:30px;font-weight:800;line-height:1.1;color:#f4f6fc;margin:26px 0 10px}
.contact-channel{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:27px;padding:25px 28px;border-radius:10px;background:#1a293e}
.contact-channel h2{margin:0 0 9px;font-size:28px}
#contact-email{font-size:19px;font-weight:600;color:#ff9f77;text-decoration:none;overflow-wrap:anywhere}
#contact-email:hover{text-decoration:underline;text-underline-offset:4px}
#contact-pending{color:#aebdd1;font-size:14px;margin:0;line-height:1.5}
#contact-cta{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;flex-shrink:0;background:#ff773d;color:#080f20;border-radius:3px;padding:12px 20px;font-family:var(--display);font-size:23px;font-weight:800;line-height:1;text-transform:uppercase;text-decoration:none}
#contact-cta span{font-family:var(--font);font-size:20px}
#contact-cta:hover{background:#ff9466}
.contact-official{display:flex;align-items:flex-start;gap:17px;padding:23px 25px;margin-top:20px;background:#142337;border-radius:10px}
.contact-official>svg{width:30px;height:30px;flex-shrink:0;fill:none;stroke:#ff9f77;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.contact-official h2{font-size:12px;font-weight:800;letter-spacing:.6px;line-height:1.5;color:#d5e0ee;margin:1px 0 8px}
.contact-official p{font-size:13px;line-height:1.6;color:#aebdd1;margin:0 0 6px}.contact-official p:last-child{margin-bottom:0}
.contact-view :focus-visible{outline:3px solid #ffab7d;outline-offset:4px}
@media(max-width:760px){.contact-view{padding-top:32px}#contact-heading{font-size:61px}}
@media(max-width:480px){.contact-view{width:calc(100% - 32px);padding-top:27px;padding-bottom:35px}.contact-heading{margin-bottom:23px}#contact-heading{font-size:48px}.contact-heading>p{font-size:15px}.contact-copy p{font-size:14px;line-height:1.7}.contact-copy h2{font-size:28px;margin-top:24px}.contact-channel{flex-direction:column;align-items:stretch;padding:21px 19px;gap:20px;margin-top:24px}#contact-email{font-size:18px}#contact-cta{font-size:22px}.contact-official{padding:20px 18px;gap:12px}.contact-official>svg{width:25px;height:25px}.contact-official h2{font-size:11px}.contact-official p{font-size:12px}.site-header .subnav nav{justify-content:center;gap:8px}.site-header .subnav .shell-tab{font-size:17px;min-width:80px;padding:11px 10px}.site-header .subnav nav>button{flex:0 1 auto}}
@media(max-width:350px){#contact-heading{font-size:42px}.site-header .subnav .shell-tab{font-size:16px;min-width:74px;padding-inline:8px}}
