:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e9eee9;background:#101813;line-height:1.6}*{box-sizing:border-box}body{margin:0}main{max-width:1220px;margin:auto;padding:0 36px}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}header{display:flex;justify-content:space-between;align-items:center;padding:28px 0;border-bottom:1px solid #314037;font-size:13px}.brand{font-weight:800;letter-spacing:.08em}.brand span{color:#96a69b;font-weight:400;letter-spacing:0}.play{display:grid;grid-template-columns:1.1fr 1fr;gap:72px;padding:72px 0}.eyebrow{font-size:11px;letter-spacing:.14em;color:#b7d69c}h1{font-size:clamp(48px,6.3vw,78px);line-height:1.03;letter-spacing:-.065em;margin:20px 0 24px;font-weight:650}.intro{color:#b2bfb5;max-width:440px;font-size:17px}.actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:30px}.button{background:#d1ee9f;color:#182318;font-weight:700;padding:13px 22px;border-radius:7px}.button:hover{background:#e2ffc0;text-decoration:none}.online{color:#c4e8a4}#status{font-size:12px}aside{align-self:center;padding:30px;border:1px solid #3a493e;border-radius:12px;background:#18241c}h2{font-size:21px;font-weight:600;letter-spacing:-.02em;margin:0 0 20px}ol{padding-left:21px;font-size:14px;color:#c4cfc7}li{margin:12px 0}.command{display:flex;gap:12px;align-items:center;background:#0e1711;padding:12px;border-radius:6px}code{font-size:11px;overflow-wrap:anywhere}button{font:inherit;font-size:12px;padding:6px 10px;border-radius:5px;background:transparent;color:#d1ee9f;border:1px solid #506347;cursor:pointer}button:disabled{opacity:.4;cursor:default}.muted{font-size:12px;color:#98a99e}aside .muted{margin-bottom:0}.record,#history{padding:34px 0;border-top:1px solid #314037}.section-title{display:flex;justify-content:space-between;gap:15px;align-items:baseline}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metrics article{padding:20px 0}.metrics span{display:block;color:#aebdb2;font-size:12px}.metrics strong{display:block;font-size:clamp(20px,2.8vw,34px);font-weight:500;letter-spacing:-.04em;margin-top:8px}.context{border-left:2px solid #93b377;padding:0 0 0 22px;margin-top:30px;max-width:970px}.context h3{font-size:14px;font-weight:600;margin:0}.context p{font-size:13px;color:#adbbb1}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}th{color:#99ab9d;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.06em}td,th{padding:16px 12px;border-bottom:1px solid #28392e;white-space:nowrap}td:first-child,th:first-child{padding-left:0}footer{display:flex;justify-content:space-between;gap:20px;padding:35px 0;border-top:1px solid #314037;color:#829488;font-size:11px}#error{color:#f3c07c}:focus-visible{outline:2px solid #d1ee9f;outline-offset:4px}@media(max-width:760px){main{padding:0 20px}.play{grid-template-columns:1fr;gap:30px;padding:40px 0}.metrics{grid-template-columns:repeat(2,1fr);gap:0}.section-title,footer{flex-direction:column}aside{padding:23px}header{font-size:11px}h1{font-size:62px}.metrics strong{font-size:28px}}

label{display:block;font-size:12px;color:#c4cfc7}select{width:100%;margin-top:7px;padding:10px;background:#101813;color:#e9eee9;border:1px solid #506347;border-radius:5px;font:inherit;font-size:14px}