/* Sensitivity converter — GameDailys magazine system, same as crossplay. */
.sc-tool{margin-top:26px}
.sc-hero{border-top:2px solid var(--ink);border-bottom:1px solid var(--line);padding:26px 0 22px}
.sc-hero .eyebrow{font:10px var(--type-data);letter-spacing:.18em;text-transform:uppercase;color:var(--site-accent);margin:0 0 10px}
.sc-hero h1{font-size:clamp(28px,4.6vw,44px);line-height:1.15;margin:0 0 12px;font-weight:800}
.sc-hero p{max-width:var(--measure);font-size:14px;line-height:1.9;color:var(--muted);margin:0}

.sc-builder{margin-top:22px;border:1px solid #ccd3bd;border-top:4px solid #2b4e3e;background-color:#e8ecdf;background-image:linear-gradient(90deg,rgba(45,70,50,.035) 1px,transparent 1px),linear-gradient(rgba(45,70,50,.035) 1px,transparent 1px);background-size:16px 16px;padding:20px 20px 16px;box-shadow:4px 4px 0 rgba(54,77,45,.055)}
.sc-io{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px;align-items:end}
.sc-pane{display:flex;flex-direction:column;gap:10px;min-width:0}
.sc-pane>h2{font:10px var(--type-data);letter-spacing:.12em;text-transform:uppercase;color:#617153;margin:0 0 2px;font-weight:400}
.sc-pane label{display:block}
.sc-pane label>span{display:block;font:10px var(--type-data);color:#617153;margin-bottom:5px}
.sc-pane select,.sc-pane input{width:100%;border:1px solid #b9c2ae;background:var(--surface);color:var(--ink);font:inherit;font-size:13px;padding:9px 10px;border-radius:0;min-height:40px}
.sc-swap{align-self:end;border:1px solid #b9c2ae;background:var(--surface);color:var(--ink);font-size:13px;padding:9px 14px;cursor:pointer;white-space:nowrap;min-height:40px}
.sc-swap:hover:not(:disabled){border-color:var(--site-accent);color:var(--site-accent)}
.sc-swap:disabled{opacity:.45;cursor:not-allowed}
.sc-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;border-top:1px solid #bdc8b1;padding-top:14px}
.sc-actions button{border:1px solid var(--site-accent);padding:10px 18px;font-size:13px;font-weight:700;cursor:pointer;border-radius:0}
.sc-actions [data-sc-share]{background:var(--site-accent);color:var(--accent-ink)}
.sc-actions [data-sc-reset]{background:var(--surface);color:var(--site-accent)}
.sc-actions button:active{transform:translateY(1px)}
.sc-actions button:focus-visible,.sc-pane select:focus-visible,.sc-pane input:focus-visible,.sc-swap:focus-visible,.sc-preset:focus-visible{outline:2px solid var(--site-accent);outline-offset:2px}
.sc-presets{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sc-presets>span{font:10px var(--type-data);color:#617153}
.sc-preset{border:1px solid #b9c2ae;background:var(--surface);font-size:11px;padding:7px 12px;cursor:pointer;color:var(--ink)}
.sc-preset:hover{border-color:var(--site-accent);color:var(--site-accent)}

.sc-result{margin-top:22px;border:1px solid var(--line);border-top:2px solid var(--site-accent);background:var(--surface);padding:20px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px 28px;align-items:start}
.sc-result .sc-main{min-width:0}
.sc-stat-label{font:10px var(--type-data);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.sc-big{display:block;font-size:clamp(34px,6vw,52px);font-weight:800;line-height:1.1;margin:6px 0 4px;font-variant-numeric:tabular-nums}
.sc-sub{font-size:12px;color:var(--muted)}
.sc-sub b{color:var(--ink);font-weight:800}
.sc-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sc-stat{border:1px solid var(--line);padding:10px 12px;min-width:0}
.sc-stat span{display:block;font:9px var(--type-data);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.sc-stat strong{font-size:16px;font-variant-numeric:tabular-nums}
.sc-band{grid-column:1/-1;margin:0;font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px}
.sc-note{grid-column:1/-1;margin:0;font-size:12px;color:#b8832f}
.sc-hint{grid-column:1/-1;margin:0;font-size:13px;color:var(--muted)}

.sc-seo{margin-top:34px;border-top:1px solid var(--line)}
.sc-seo section{margin-top:26px}
.sc-seo h2{font-size:16px;font-weight:800;margin:0 0 12px}
.sc-seo p{max-width:var(--measure);font-size:13px;line-height:1.9;color:var(--muted);margin:0 0 10px}
.sc-table{width:100%;max-width:640px;border-collapse:collapse;font-size:12.5px}
.sc-table th,.sc-table td{border:1px solid var(--line);padding:8px 12px;text-align:left;font-variant-numeric:tabular-nums}
.sc-table th{font:10px var(--type-data);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:400;background:var(--canvas)}
.sc-faq details{border-bottom:1px solid var(--line);padding:14px 0}
.sc-faq summary{font-size:13px;font-weight:700;cursor:pointer}
.sc-faq p{margin:10px 0 0}
.sc-links{display:flex;flex-wrap:wrap;gap:10px 22px}
.sc-links a{display:inline-block;font-size:12px;font-weight:700;color:var(--site-accent)}

@media(prefers-color-scheme:dark){
  .sc-builder{background-color:#2d3529;border-color:#49563d}
  .sc-pane>h2,.sc-pane label>span,.sc-presets>span{color:#b4c3a4}
  .sc-pane select,.sc-pane input,.sc-swap,.sc-preset{background:#272b25;border-color:#4e5d41}
  .sc-actions{border-color:#4e5d41}
}
@media(max-width:780px){
  .sc-builder{padding:16px 14px}
  .sc-io{grid-template-columns:1fr}
  .sc-swap{justify-self:start}
  .sc-result{grid-template-columns:1fr}
}