.support-main{padding-bottom:80px}.support-hero{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:66px 0 50px}.support-hero h1{font-size:clamp(40px,5vw,64px)}.support-intro,.support-aside{color:var(--muted);line-height:1.9}.support-mark{flex-shrink:0;width:158px;height:210px;padding:12px 20px;background:var(--paper-light);border:1px solid var(--line);border-radius:9px;box-shadow:0 18px 32px #38271412;transform:rotate(9deg);font:42px Georgia,serif;margin-right:38px}.support-mark span{display:block;text-align:center;font-size:85px;line-height:1.1}.support-mark small{display:block;text-align:center;font:12px var(--sans);letter-spacing:.2em;margin-top:12px}.support-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.support-shortcuts>a{padding:25px 22px}.support-shortcuts>a:first-child{padding-left:0}.support-shortcuts>a+a{border-left:1px solid var(--line)}.support-shortcuts>a>span{font-size:11px;letter-spacing:.09em;color:var(--muted)}.support-shortcuts strong{display:flex;justify-content:space-between;gap:12px;font-size:17px;margin-top:9px}.support-shortcuts a:hover strong{color:var(--ochre)}.support-section{display:grid;grid-template-columns:1fr 2fr;gap:50px;padding-top:62px}.support-section h2{font-size:30px;margin-top:12px}.support-aside{font-size:13px;margin-top:15px}.support-platforms{display:grid;grid-template-columns:1fr 1fr;gap:22px}.support-platforms article{padding:25px;border:1px solid var(--line);background:var(--paper-light);border-radius:4px}.support-platforms h3{font-family:var(--serif);font-size:24px;margin:17px 0 12px}.support-platforms p{font-size:13px;color:var(--muted);margin-bottom:18px}.support-contact{display:grid;grid-template-columns:1fr 1fr;gap:55px;background:var(--paper-light);border:1px solid var(--line);border-radius:5px;padding:40px;margin-top:68px}.support-contact h2{font-size:32px;margin:14px 0}.support-contact p{font-size:13px;color:var(--muted)}.support-mail{margin:26px 0 18px}.support-mail strong{display:block;font-size:20px;overflow-wrap:anywhere}.support-mail p{margin:8px 0 18px}.support-note{font-size:11px!important;line-height:1.8;margin-top:12px}.support-template h3{font-size:17px;margin-bottom:8px}.support-template textarea{display:block;width:100%;resize:vertical;min-height:220px;max-height:600px;border:1px solid var(--line);border-radius:3px;padding:14px;background:var(--paper);color:var(--ink);font:13px/1.85 var(--sans);margin:18px 0 14px}.support-template textarea:focus-visible{outline:3px solid #8b4e21;outline-offset:3px}.support-contact>div,.support-section>div{min-width:0}.support-main .faq-list details p{font-size:13px}
@media(max-width:900px){.support-section{grid-template-columns:1fr;gap:25px}.support-contact{gap:28px;padding:28px}.support-mark{margin-right:12px}.support-contact h2{font-size:28px}}
@media(max-width:600px){.support-main{padding-bottom:42px}.support-hero{padding:40px 0 30px;gap:15px}.support-hero h1{font-size:39px}.support-hero .eyebrow{font-size:9px}.support-intro{font-size:13px}.support-mark{display:none}.support-shortcuts{grid-template-columns:1fr}.support-shortcuts>a,.support-shortcuts>a:first-child{padding:18px 0}.support-shortcuts>a+a{border-left:0;border-top:1px solid var(--line)}.support-shortcuts strong{font-size:16px;margin-top:4px}.support-section{padding-top:40px}.support-section h2{font-size:28px}.support-platforms{grid-template-columns:1fr;gap:14px}.support-contact{grid-template-columns:1fr;padding:22px;margin-top:42px;gap:30px}.support-mail strong{font-size:18px}}
.support-mail h3{font-size:13px;letter-spacing:.08em;margin-bottom:7px;color:var(--muted)}.support-address{display:inline-block;max-width:100%;overflow-wrap:anywhere;font-size:20px;font-weight:600;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:5px}.support-address:hover{color:var(--ochre);text-decoration-color:currentColor}.business-mail{border-top:1px solid var(--line);padding-top:22px;margin-top:24px}@media(max-width:600px){.support-address{font-size:18px}}
/* Match the official site's warm, dark tavern palette. */
.support-platforms article{overflow:hidden}
.support-steam-art{display:block;margin:-25px -25px 24px;border-bottom:1px solid var(--line)}
.support-steam-art img{display:block;width:100%;height:auto;aspect-ratio:920/430;object-fit:cover}
.support-steam-art:focus-visible{outline:3px solid var(--ochre);outline-offset:-4px}
html[data-page="support"] body{
  background-color:var(--paper);
  background-image:linear-gradient(180deg,#14131126 0%,#14131138 45%,#141311 100%),linear-gradient(90deg,#141311f2 0%,#141311cc 35%,#14131133 72%,#14131166 100%),url('/assets/portal-20261001/hero.webp');
  background-position:top center;
  background-size:100% 660px,100% 660px,auto 660px;
  background-repeat:no-repeat;
}
.support-hero .support-intro{color:#ddd2bc;text-shadow:0 2px 12px #0008}
.support-hero h1{text-shadow:0 3px 24px #0008}
.support-mark{background:#211d16d9;box-shadow:0 18px 40px #0005}
@media(max-width:600px){
  html[data-page="support"] body{
    background-image:linear-gradient(180deg,#14131155 0%,#14131188 55%,#141311 100%),linear-gradient(90deg,#141311bb,#14131155),url('/assets/portal-20261001/hero-mobile.webp');
    background-size:100% 620px,100% 620px,auto 620px;
    background-position:top center;
  }
}
.support-hero h1{font-family:var(--serif);line-height:1.35;color:var(--ink);margin:20px 0 25px}.support-mark{color:var(--ochre);box-shadow:0 18px 32px #0003}.support-template textarea{background:#141311;color:var(--ink);border-color:var(--line)}.support-contact .button-outline:hover{background:#30281b}.support-shortcuts a:hover{background:#211d16}.support-address{overflow-wrap:anywhere}.business-mail{border-color:var(--line)}