/*
 * This file is subject to the Common Public Attribution License Version 1.0.
 * The Original Code is SteamProfiler Player.
 * The Initial Developer is Gustavo Cruz. Copyright (c) 2026 Gustavo Cruz.
 * A copy of the License is included in LICENSE. Software is provided "AS IS".
 */
:root{--ink:#f5f1e8;--muted:#9d9aa2;--paper:#0b0a0e;--panel:#121017;--line:#2a2631;--accent:#ffb000;font-family:Arial,sans-serif;background:var(--paper);color:var(--ink)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 75% 0,#281c08 0,transparent 30rem),var(--paper)}a{color:inherit}button,input{font:inherit}.top{display:flex;justify-content:space-between;align-items:center;padding:22px clamp(20px,5vw,72px);border-bottom:1px solid var(--line);font:700 12px/1 monospace;letter-spacing:.08em}.wordmark{text-decoration:none;font-size:15px}.wordmark span,.intro em,.eyebrow{color:var(--accent)}main{width:min(1160px,calc(100% - 40px));margin:auto}.intro{padding:clamp(70px,10vw,140px) 0 60px}.eyebrow{margin:0 0 14px;font:700 11px/1 monospace;letter-spacing:.17em}.intro h1{max-width:900px;margin:0;font:900 clamp(52px,10vw,126px)/.82 Arial,sans-serif;letter-spacing:-.07em;text-transform:uppercase}.intro h1 em{font-style:normal}.intro>p:last-child{max-width:650px;margin:34px 0 0;color:var(--muted);font-size:18px;line-height:1.55}.lab{border:1px solid var(--line);background:#0e0c12;box-shadow:16px 16px 0 #000}.lab-head{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:26px;border-bottom:1px solid var(--line)}h2{margin:0;font-size:28px}form{display:flex;align-items:end;gap:8px}label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}input,button{height:42px;border:1px solid var(--line);border-radius:0}input{width:130px;padding:0 12px;background:#08070a;color:var(--ink);font-family:monospace}button{padding:0 20px;background:var(--accent);color:#090705;font-weight:800;text-transform:uppercase;cursor:pointer}.stage{display:grid;place-items:center;min-height:320px;background:#000;color:var(--muted)}.stage>.sp-player{width:100%}.result{display:flex;justify-content:space-between;min-height:52px;padding:16px 20px;color:var(--muted);font:12px/1.5 monospace}.result p{margin:0}.docs{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;padding:110px 0 70px}.docs p:not(.eyebrow),.contract{color:var(--muted);line-height:1.65}.docs pre{margin:0;padding:26px;overflow:auto;border-left:3px solid var(--accent);background:#050407;color:#ddd;font:13px/1.7 monospace}.contract{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:36px 0;border-top:1px solid var(--line)}.contract b{color:var(--ink)}footer{margin-top:60px;padding:25px;text-align:center;border-top:1px solid var(--line);color:#6f6b75;font:11px/1 monospace;text-transform:uppercase;letter-spacing:.12em}@media(max-width:720px){.top>a:last-child{display:none}.lab-head,.docs,.contract{display:block}.lab-head form{margin-top:22px}.stage{min-height:180px}.docs>div{margin-bottom:28px}.contract p+ p{margin-top:28px}}