:root{color-scheme:dark;--bg:#050505;--surface:#141414;--text:#f5f5f5;--muted:#aaa;--blue:#3478ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button,a,input,select{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid white}.site-header,main,footer{max-width:1320px;margin:auto}.site-header{padding:28px 48px;display:flex;justify-content:space-between;align-items:center;gap:32px}.logo{width:126px;height:48px;object-fit:contain}nav{display:flex;gap:32px;align-items:center;font-size:14px}.button,button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:15px 24px;border:0;border-radius:999px;background:#f5f5f5;color:#090909;font-weight:600;cursor:pointer;min-height:48px}.button:hover,button:hover{text-decoration:none;background:#ddd}.button.small{padding:10px 20px;font-size:13px}.secondary{background:#202020;color:white;border:1px solid #383838}.intro{padding:64px 48px 36px}.eyebrow{font-size:11px;letter-spacing:.22em;color:#aaa;font-weight:600}.intro h1{font-size:clamp(70px,9.5vw,138px);line-height:.98;letter-spacing:-.065em;font-weight:600;margin:28px 0 34px}.intro h1 span{color:#818181}.intro-bottom{display:flex;align-items:end;justify-content:space-between;gap:28px}.intro-bottom p{font-size:20px;line-height:1.5;margin:0;color:#ccc}.build-note{font-size:12px;color:#818181;text-align:right;margin-top:14px}.experience{padding:36px 48px 84px}.screen-frame{border:1px solid #333;border-radius:24px;overflow:hidden;background:#101010;box-shadow:0 40px 120px #0c142d66}.screen-frame img{display:block;width:100%;height:auto}.caption{display:flex;justify-content:space-between;gap:24px;padding-top:20px}.caption span{font-size:10px;letter-spacing:.15em;color:#888;padding-top:5px}.caption p{font-size:14px;max-width:450px;margin:0;color:#bbb}.story{padding:70px 48px 100px;border-top:1px solid #242424;display:grid;grid-template-columns:1.15fr 1fr;gap:0 90px}.story>.eyebrow{grid-column:1/-1}.story h2,.steps h2{font-size:clamp(36px,4.5vw,64px);line-height:1.1;letter-spacing:-.04em;font-weight:500;margin:18px 0}.story-copy{padding-top:10px}.muted{color:#929292}.text-link{display:inline-block;margin-top:18px;border-bottom:1px solid #777;padding-bottom:6px}.steps{padding:70px 48px;display:grid;grid-template-columns:1fr 1fr;gap:90px;border-top:1px solid #242424}.steps ol{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:30px;padding:24px 0;border-bottom:1px solid #242424}.steps li>span{color:#777;font-size:12px}.steps h3{font-size:20px;margin:0 0 8px;font-weight:500}.steps p{margin:0;color:#aaa;font-size:14px}.player-notice{margin:60px 48px;padding:36px 0;border-top:1px solid #333;max-width:750px}.player-notice h2{font-weight:500;font-size:32px;letter-spacing:-.025em}.player-notice p{font-size:14px}footer{padding:40px 48px;border-top:1px solid #242424;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:24px}footer div{display:flex;gap:24px;font-size:12px}footer p{font-size:11px;color:#777;flex-basis:100%}.account{max-width:1000px;padding:32px 24px 80px}.account h1{font-size:42px;letter-spacing:-.04em;font-weight:500}.account h2{font-size:25px;font-weight:500}.panel{padding:28px;border:1px solid #292929;border-radius:18px;background:#101010;margin:24px 0}.panel form{display:grid;gap:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:grid;gap:6px;font-size:13px;color:#bbb}input,select{width:100%;border:1px solid #3d3d3d;background:#1c1c1c;color:white;padding:12px;border-radius:8px;min-height:48px}input[type=checkbox]{width:20px;min-height:20px}button:disabled{opacity:.5;cursor:wait}.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.actions button{font-size:14px}.notice{padding:14px 18px;border-left:2px solid var(--blue);background:#111827;color:#d5d9e5;font-size:14px}.error{border-left-color:#efbf86;color:#ffdaa7}.source{border-bottom:1px solid #303030;padding:18px 0;display:flex;justify-content:space-between;gap:24px;align-items:center}.source p{margin:0;color:#aaa;font-size:13px}.source strong{font-weight:500;font-size:18px}.source button{padding:8px 16px;min-height:40px;font-size:12px}.code{font-size:30px;letter-spacing:.16em}.hint{font-size:12px;color:#999}[hidden]{display:none!important}@media(max-width:700px){.site-header{padding:20px 24px}nav{gap:16px}nav>a:not(.button){display:none}.intro{padding:42px 24px 24px}.intro-bottom{align-items:start;flex-direction:column}.intro-bottom p{font-size:17px}.build-note{text-align:left}.experience{padding:20px 16px 48px}.screen-frame{border-radius:12px}.caption{padding:16px 8px;flex-direction:column;gap:8px}.story,.steps{padding:48px 24px;grid-template-columns:1fr;gap:20px}.player-notice{margin:24px;padding:24px 0}footer{padding:32px 24px}footer div{flex-wrap:wrap;gap:12px}.form-grid{grid-template-columns:1fr}.panel{padding:20px}.source{align-items:start;flex-direction:column}.account h1{font-size:34px}}