*{box-sizing:border-box}body{margin:0;background:#101c21;color:#e6efee;font:17px/1.65 system-ui,sans-serif}a{color:#9fe8cf}header{display:flex;gap:26px;flex-wrap:wrap;padding:20px 5vw;border-bottom:1px solid #35484a;font-size:14px}.brand{font-weight:800;letter-spacing:.1em;margin-right:auto}main{max-width:1120px;margin:auto;padding:52px 28px 64px}h1,h2{line-height:1.15}h1{font-size:clamp(44px,7vw,84px);font-weight:650;letter-spacing:-.05em;margin:15px 0 26px}h2{font-size:27px;margin-top:36px}.eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#c9b784}.lead{font-size:24px;color:#cddcd8;max-width:670px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;align-items:center}.art{width:100%;image-rendering:pixelated;aspect-ratio:1;background:#000;object-fit:contain;border:1px solid #475d5d;box-shadow:14px 14px 0 #223439}p{max-width:850px}.actions,.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:24px 0}button,.button,.file-button,select{font:inherit;border:1px solid #55716e;border-radius:6px;background:#223b3b;color:#e6efee;padding:10px 18px;text-decoration:none;cursor:pointer}.primary{background:#bce9cc;color:#143628;border-color:#bce9cc;font-weight:700}button:disabled{opacity:.45;cursor:default}button:hover,a.button:hover{filter:brightness(1.13)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid #eac67d;outline-offset:4px}.note{border-left:3px solid #ceb67b;background:#1f3033;padding:18px 22px;margin:30px 0}.muted{color:#acc0ba;font-size:15px}.meta{display:flex;gap:42px;flex-wrap:wrap;border-block:1px solid #35484a;padding:24px 0;margin:42px 0;font-size:15px}.meta b{display:block;color:#cbb77e;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.two{display:grid;grid-template-columns:1fr 1fr;gap:38px}footer{border-top:1px solid #35484a;padding:26px 5vw;color:#a4b7b2;font-size:13px}#stage{position:relative;background:#000;display:flex;align-items:center;justify-content:center;min-height:300px;max-width:780px;margin:25px auto}#screen{display:block;max-width:100%;width:100%;max-height:78vh;object-fit:contain;image-rendering:pixelated}#start{position:absolute;z-index:1}#stage:fullscreen{width:100%;max-width:none;height:100%}#stage:fullscreen canvas{height:100%;width:auto;max-width:100%;max-height:100vh}input[type=range]{width:130px;vertical-align:middle}label{display:inline-block}details{border:1px solid #3d5655;padding:17px 22px;margin:20px 0}summary{cursor:pointer;font-weight:650}input[type=file]{max-width:100%;font:inherit}code{overflow-wrap:anywhere;font-size:14px}table{border-collapse:collapse;width:100%;font-size:14px}td,th{border:1px solid #3e5554;padding:9px;text-align:left;overflow-wrap:anywhere}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#1b3031;padding:20px;font-size:14px}@media(max-width:720px){main{padding:32px 20px}.hero,.two{grid-template-columns:1fr}.hero{gap:24px}.art{max-width:420px}header{gap:15px}.brand{width:100%}.meta{gap:24px}h1{font-size:52px}.lead{font-size:21px}.toolbar{gap:9px}#stage{min-height:240px}}