
.contact-hq{overflow-x:hidden;background:radial-gradient(circle at 50% 0,rgba(66,255,94,.08),transparent 30%),#050805}.contact-hero{position:relative;min-height:520px;display:grid;align-items:center;overflow:hidden;border-bottom:4px solid #f4c400;background:linear-gradient(90deg,rgba(3,8,4,.98),rgba(4,12,6,.78)),url('../images/retrodad-gaming-hero-v6.png') center/cover}.contact-grid-overlay{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(93,255,117,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(93,255,117,.18) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,#000,transparent)}.contact-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:50px;align-items:center}.contact-kicker{color:#ff8d2b;font-family:var(--pixel-font,monospace);letter-spacing:3px;font-size:12px}.contact-hero h1{max-width:850px;margin:16px 0 20px;font-size:clamp(44px,7vw,94px);line-height:.9}.contact-hero h1 span{display:block;color:#75e52f;text-shadow:5px 5px 0 #153400}.contact-hero p{max-width:720px;font-size:18px;line-height:1.7;color:#dce8dd}.contact-console{max-width:390px;margin:auto;padding:26px;border:5px solid #424842;border-radius:22px;background:linear-gradient(145deg,#2d332d,#111511);box-shadow:inset 0 0 0 4px #080b08,18px 18px 0 rgba(0,0,0,.45);transform:rotate(2deg)}.contact-console-screen{aspect-ratio:4/3;display:grid;place-items:center;align-content:center;gap:14px;border:8px solid #080b08;border-radius:15px;background:radial-gradient(circle,#153617,#061008 65%);box-shadow:inset 0 0 35px #000;color:#5dff75;text-align:center}.contact-console-screen span{font-size:11px;letter-spacing:2px}.contact-console-screen strong{font-size:36px;text-shadow:0 0 18px #5dff75}.contact-console-screen i{width:11px;height:11px;border-radius:50%;background:#5dff75;box-shadow:0 0 16px #5dff75;animation:hqblink 1.2s steps(2) infinite}.contact-console-controls{display:flex;justify-content:flex-end;gap:12px;margin-top:18px}.contact-console-controls b{width:22px;height:22px;border-radius:50%;background:#cf2727;box-shadow:inset -4px -4px 0 rgba(0,0,0,.35)}@keyframes hqblink{50%{opacity:.25}}.contact-options{background:linear-gradient(180deg,#081008,#050805)}.contact-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.contact-heading h2{margin:6px 0 0}.contact-heading p{max-width:480px;color:#9eb09f}.contact-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.contact-channel-card{position:relative;min-height:245px;padding:24px;border:2px solid #354435;background:linear-gradient(145deg,#0c130c,#070b07);color:inherit;text-align:left;cursor:pointer;box-shadow:7px 7px 0 #000;transition:.2s}.contact-channel-card:hover,.contact-channel-card.is-selected{transform:translateY(-6px);border-color:#f4c400;box-shadow:0 0 0 1px #f4c400,9px 13px 0 #000}.contact-channel-card .channel-icon{display:grid;place-items:center;width:64px;height:64px;margin-bottom:24px;border:2px solid #5dff75;background:#061006;font-size:30px}.contact-channel-card h3{margin:0 0 12px;color:#f4c400;font-size:16px}.contact-channel-card p{margin:0;color:#9bad9b;font-size:12px;line-height:1.6}.contact-channel-card small{position:absolute;left:24px;bottom:20px;color:#5dff75;font-weight:900}.contact-form-zone{background:radial-gradient(circle at 15% 50%,rgba(246,196,0,.08),transparent 30%),#050805}.contact-form-shell{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:22px;align-items:start}.contact-transmission{padding:28px;border:2px solid #536253;background:linear-gradient(180deg,#0d150d,#080c08);box-shadow:10px 10px 0 #000}.contact-form-head{display:flex;justify-content:space-between;align-items:start;gap:20px;padding-bottom:20px;border-bottom:1px solid #314031}.contact-form-head h2{margin:6px 0}.contact-form-head p{margin:0;color:#9cad9d}.contact-status{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #2e8c3b;color:#5dff75;font-size:10px;white-space:nowrap}.contact-status i{width:8px;height:8px;border-radius:50%;background:#5dff75;box-shadow:0 0 10px #5dff75}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.contact-fields label{display:grid;gap:8px;color:#f4c400;font-size:11px;font-weight:900}.contact-fields input,.contact-fields select,.contact-fields textarea{width:100%;padding:14px;border:2px solid #435243;background:#050805;color:#fff;font:14px Consolas}.contact-fields input:focus,.contact-fields select:focus,.contact-fields textarea:focus{outline:none;border-color:#5dff75;box-shadow:0 0 0 2px rgba(93,255,117,.12)}.contact-message-field{grid-column:1/-1;position:relative}.contact-message-field textarea{min-height:190px;resize:vertical;line-height:1.55}.contact-message-field small{justify-self:end;color:#7e8f7e}.contact-form-actions{display:flex;align-items:center;gap:18px;margin-top:20px}.contact-form-actions span{color:#829382;font-size:10px}.contact-side-panel{display:grid;gap:16px}.contact-side-card{padding:22px;border:1px solid #3e4c3e;background:#091009;box-shadow:6px 6px 0 #000}.contact-side-card>span{display:block;color:#5dff75;font-size:9px;letter-spacing:1px}.contact-side-card strong{display:block;margin:10px 0;color:#f4c400;font-size:15px}.contact-side-card p{color:#9dad9d;font-size:11px;line-height:1.6}.contact-social-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.contact-social-links a{padding:10px;border:1px solid #3d4c3d;color:#fff;text-decoration:none;text-align:center;font-size:10px}.contact-social-links a:hover{border-color:#5dff75;color:#5dff75}.contact-tip{border-left:4px solid #f4c400}@media(max-width:1000px){.contact-hero-inner,.contact-form-shell{grid-template-columns:1fr}.contact-console{display:none}.contact-card-grid{grid-template-columns:1fr 1fr}}@media(max-width:680px){.contact-hero{min-height:460px}.contact-heading,.contact-form-head,.contact-form-actions{align-items:flex-start;flex-direction:column}.contact-card-grid,.contact-fields{grid-template-columns:1fr}.contact-message-field{grid-column:auto}.contact-transmission{padding:18px}.contact-status{white-space:normal}}


.contact-social-hub{background:radial-gradient(circle at 85% 20%,rgba(93,255,117,.08),transparent 28%),linear-gradient(180deg,#050805,#091009)}
.contact-social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.contact-social-card{position:relative;display:flex;min-height:270px;flex-direction:column;padding:22px;border:2px solid #344334;background:linear-gradient(145deg,#0d160d,#070b07);color:inherit;text-decoration:none;box-shadow:7px 7px 0 #000;transition:.2s;overflow:hidden}
.contact-social-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.04),transparent 70%);transform:translateX(-100%);transition:.45s}
.contact-social-card:hover{transform:translateY(-6px);border-color:#5dff75;box-shadow:0 0 0 1px #5dff75,9px 13px 0 #000}.contact-social-card:hover:before{transform:translateX(100%)}
.social-card-top{display:flex;align-items:center;justify-content:space-between}.social-card-icon{display:grid;place-items:center;width:58px;height:58px;border:2px solid #516151;background:#050805;font-size:28px}.social-card-status{padding:6px 8px;border:1px solid #3e4d3e;color:#5dff75;font-size:8px;letter-spacing:1px}
.contact-social-card h3{margin:22px 0 10px;color:#f4c400;font-size:17px}.contact-social-card p{margin:0;color:#9dad9d;font-size:11px;line-height:1.65}.social-card-meta{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:auto;padding-top:22px;border-top:1px solid #263226}.social-card-meta strong{color:#fff;font-size:15px}.social-card-meta span{color:#778777;font-size:9px}.contact-social-card small{margin-top:14px;color:#5dff75;font-weight:900}
.contact-faq-zone{background:radial-gradient(circle at 10% 20%,rgba(244,196,0,.08),transparent 30%),#050805}.contact-faq-layout{display:grid;grid-template-columns:minmax(260px,.48fr) minmax(0,1fr);gap:34px;align-items:start}.contact-faq-copy{position:sticky;top:100px;padding:26px;border:1px solid #3c4b3c;background:#091009;box-shadow:8px 8px 0 #000}.contact-faq-copy h2{margin:8px 0 16px}.contact-faq-copy p{color:#9dad9d;line-height:1.7}.contact-faq-copy .btn{margin-top:12px}
.contact-faq-list{display:grid;gap:10px}.contact-faq-item{border:1px solid #3b493b;background:#0a100a;box-shadow:5px 5px 0 #000}.contact-faq-item summary{display:grid;grid-template-columns:42px 1fr 26px;align-items:center;gap:12px;padding:17px;cursor:pointer;list-style:none}.contact-faq-item summary::-webkit-details-marker{display:none}.contact-faq-item summary span{color:#5dff75;font:900 11px Consolas}.contact-faq-item summary strong{color:#fff;font-size:12px}.contact-faq-item summary b{color:#f4c400;font-size:20px;text-align:center;transition:.2s}.contact-faq-item[open]{border-color:#f4c400}.contact-faq-item[open] summary b{transform:rotate(45deg)}.contact-faq-item>div{padding:0 17px 17px 71px}.contact-faq-item p{margin:0;color:#a6b4a6;font-size:11px;line-height:1.7}
@media(max-width:1000px){.contact-social-grid{grid-template-columns:1fr 1fr}.contact-faq-layout{grid-template-columns:1fr}.contact-faq-copy{position:static}}
@media(max-width:680px){.contact-social-grid{grid-template-columns:1fr}.contact-social-card{min-height:230px}.contact-faq-item summary{grid-template-columns:32px 1fr 20px}.contact-faq-item>div{padding-left:61px}}


/* Contact Phase 3 */
.contact-meet{background:radial-gradient(circle at 15% 50%,rgba(93,255,117,.08),transparent 32%),linear-gradient(180deg,#091009,#050805)}.contact-meet-shell{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:42px;align-items:center}.contact-meet-art{display:grid;justify-items:center;gap:16px}.contact-profile-frame{position:relative;width:min(100%,390px);aspect-ratio:1;border:4px solid #f4c400;padding:18px;background:#081008;box-shadow:14px 14px 0 #000}.contact-profile-frame:before,.contact-profile-frame:after{content:"";position:absolute;width:34px;height:34px;border-color:#5dff75}.contact-profile-frame:before{left:-10px;top:-10px;border-left:4px solid;border-top:4px solid}.contact-profile-frame:after{right:-10px;bottom:-10px;border-right:4px solid;border-bottom:4px solid}.contact-profile-frame img{width:100%;height:100%;object-fit:contain;background:radial-gradient(circle,#153617,#061008 70%)}.contact-meet-art>span{color:#f4c400;font-family:var(--pixel-font,monospace);font-size:12px}.contact-meet-copy{padding:34px;border:1px solid #3d4b3d;background:rgba(8,14,8,.86);box-shadow:10px 10px 0 #000}.contact-meet-copy h2{margin:8px 0 18px}.contact-meet-lead{color:#5dff75;font-weight:900;font-size:20px}.contact-meet-copy p{color:#b2c0b2;line-height:1.75}.contact-meet-copy .btn{margin-top:16px}
.contact-live-status{background:radial-gradient(circle at 50% 50%,rgba(244,196,0,.07),transparent 42%),#050805}.contact-live-console{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:18px;padding:22px;border:4px solid #464d46;border-radius:18px;background:linear-gradient(145deg,#252b25,#0d110d);box-shadow:inset 0 0 0 4px #050705,14px 14px 0 #000}.contact-live-screen{position:relative;min-height:360px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:38px;border:8px solid #050805;border-radius:12px;overflow:hidden;background:radial-gradient(circle at 50% 45%,#143c18,#061008 68%);box-shadow:inset 0 0 45px #000}.contact-live-scan{position:absolute;inset:0;pointer-events:none;opacity:.16;background:repeating-linear-gradient(to bottom,transparent 0 3px,#fff 4px)}.contact-live-badge{position:absolute;right:22px;top:22px;padding:8px 11px;border:1px solid #f04a4a;color:#ff7272;font:900 10px Consolas}.contact-live-screen h2{margin:8px 0 15px}.contact-live-screen>strong{color:#f4c400;font-size:clamp(25px,4vw,48px)}.contact-live-screen>p{max-width:690px;color:#aebcae;line-height:1.65}.contact-live-meta{display:flex;gap:10px;margin:12px 0 22px}.contact-live-meta span{padding:8px 10px;border:1px solid #3d523e;color:#5dff75;font-size:10px}.contact-live-guide{display:grid;align-content:center;gap:12px;padding:18px}.contact-live-guide>span{color:#f4c400;font-size:10px;letter-spacing:2px}.contact-live-guide>div{display:grid;grid-template-columns:42px 1fr;gap:10px;padding:14px;border:1px solid #3d493d;background:#080c08}.contact-live-guide b{grid-row:1/3;display:grid;place-items:center;color:#5dff75}.contact-live-guide p,.contact-live-guide small{margin:0}.contact-live-guide p{color:#fff;font-size:11px}.contact-live-guide small{color:#7d8c7d;font-size:9px}
.contact-community-links{background:linear-gradient(180deg,#050805,#091009)}.contact-community-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.contact-community-card{display:flex;min-height:220px;flex-direction:column;padding:24px;border:2px solid #354435;background:linear-gradient(145deg,#0c130c,#070b07);color:inherit;text-decoration:none;box-shadow:7px 7px 0 #000;transition:.2s}.contact-community-card:hover{transform:translateY(-6px);border-color:#f4c400;box-shadow:0 0 0 1px #f4c400,9px 13px 0 #000}.contact-community-card>span{font-size:34px}.contact-community-card h3{margin:18px 0 10px;color:#f4c400}.contact-community-card p{margin:0;color:#9dad9d;font-size:11px;line-height:1.6}.contact-community-card small{margin-top:auto;padding-top:20px;color:#5dff75;font-weight:900}
@media(max-width:1000px){.contact-meet-shell,.contact-live-console{grid-template-columns:1fr}.contact-community-grid{grid-template-columns:1fr 1fr}.contact-live-guide{grid-template-columns:repeat(3,1fr)}}@media(max-width:680px){.contact-community-grid,.contact-live-guide{grid-template-columns:1fr}.contact-meet-copy,.contact-live-screen{padding:22px}.contact-live-screen{min-height:390px}.contact-live-badge{position:static;margin-bottom:18px}}

.contact-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.contact-form-result{grid-column:1/-1;min-height:24px;margin-top:8px;font-size:.85rem;font-weight:800;letter-spacing:.04em}.contact-form-result.success{color:#7dff9b}.contact-form-result.error{color:#ff8c8c}.contact-form-actions button:disabled{opacity:.65;cursor:wait}

/* Contact Phase 5 — final polish */
.contact-quick-nav{position:sticky;top:72px;z-index:24;border-bottom:1px solid rgba(244,196,0,.24);background:rgba(4,8,4,.92);backdrop-filter:blur(12px)}
.contact-quick-nav .container{display:flex;gap:8px;overflow:auto;padding-top:10px;padding-bottom:10px;scrollbar-width:none}.contact-quick-nav .container::-webkit-scrollbar{display:none}
.contact-quick-nav a{flex:0 0 auto;padding:9px 12px;border:1px solid #2f402f;color:#b7c6b7;text-decoration:none;font:900 10px/1 Consolas,monospace;letter-spacing:1.5px;transition:.18s}
.contact-quick-nav a:hover,.contact-quick-nav a.is-active{border-color:#f4c400;color:#f4c400;background:rgba(244,196,0,.08);box-shadow:0 0 16px rgba(244,196,0,.12)}
.contact-reveal{opacity:0;transform:translateY(28px);transition:opacity .55s ease,transform .55s ease}.contact-reveal.is-visible{opacity:1;transform:none}
.contact-form-progress{height:5px;margin:18px 0 8px;border:1px solid #304130;background:#030603;overflow:hidden}.contact-form-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#5dff75,#f4c400);transition:width .25s ease}
.contact-draft-status{margin-bottom:14px;color:#778777;font:700 10px/1.45 Consolas,monospace;letter-spacing:.04em}
.contact-draft-status.is-saved{color:#7dff9b}.contact-draft-status.is-restored{color:#f4c400}
.contact-clear-draft{border-color:#4c584c!important;color:#9cab9c!important}
.contact-fields label.has-error{color:#ff9696}.contact-fields label.has-error input,.contact-fields label.has-error textarea,.contact-fields label.has-error select{border-color:#ff6d6d!important;box-shadow:0 0 0 2px rgba(255,85,85,.12)}
.contact-form-result{padding:0;transition:.2s}.contact-form-result.success,.contact-form-result.error{padding:13px 15px;border:1px solid currentColor;background:rgba(0,0,0,.28)}
.contact-back-top{position:fixed;right:18px;bottom:18px;z-index:35;width:44px;height:44px;border:1px solid #f4c400;background:#090d09;color:#f4c400;font-weight:900;box-shadow:5px 5px 0 #000;opacity:0;transform:translateY(15px);pointer-events:none;transition:.2s}.contact-back-top.show{opacity:1;transform:none;pointer-events:auto}.contact-back-top:hover{background:#f4c400;color:#080b08}
.contact-faq-item summary:focus-visible,.contact-channel-card:focus-visible,.contact-social-card:focus-visible,.contact-community-card:focus-visible,.contact-quick-nav a:focus-visible{outline:3px solid #5dff75;outline-offset:3px}
.contact-transmission.is-sending{box-shadow:0 0 0 1px #5dff75,0 0 32px rgba(93,255,117,.08)}
@media(max-width:760px){.contact-quick-nav{top:62px}.contact-form-actions{align-items:stretch}.contact-form-actions .btn{width:100%;justify-content:center}.contact-back-top{right:12px;bottom:12px}}
@media(prefers-reduced-motion:reduce){.contact-reveal{opacity:1;transform:none;transition:none}.contact-channel-card,.contact-social-card,.contact-community-card,.contact-back-top{transition:none!important}.contact-console-screen i,.contact-live-scan{animation:none!important}}
