:root{color-scheme:dark;--brass:#d7ac62;--green:#242d22}*{box-sizing:border-box}html{background:#080b09}body{margin:0;background:radial-gradient(ellipse at center,#22291f,#080b09 75%);color:#f2dfb7;font-family:Georgia,serif;min-height:100vh}.screen.active{display:block}.screen[hidden]{display:none!important}.machine{position:relative;width:min(100%,calc(100dvh * 850 / 1850),620px);margin:0 auto;line-height:0}.machine-art{width:100%;height:auto;display:block}.hotspot{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);border-radius:12px;cursor:pointer;touch-action:manipulation}.hotspot:focus-visible{outline:3px solid #fff4ad;outline-offset:-3px;background:#ffd34b22}.hotspot:active{background:#ffb43425}.topbar{position:sticky;top:0;z-index:2;background:#1c241b;border-bottom:3px ridge var(--brass);padding:15px;display:flex;justify-content:space-between;gap:10px;font:700 12px system-ui;letter-spacing:.08em}.back{color:#ffce7e;text-decoration:none}.panel{width:min(92%,700px);margin:24px auto 70px;background:linear-gradient(130deg,#283425,#131912);border:6px ridge #95713b;border-radius:17px;box-shadow:0 0 0 4px #111,0 15px 40px #0009;padding:clamp(18px,5vw,36px);line-height:1.6}.panel h1{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(29px,7vw,52px);letter-spacing:.03em;line-height:1.1;color:#e8bf7b;margin:0 0 16px}.panel h2{color:#f2d49b;font-size:21px}.panel p{color:#dfd5bc}.tile{display:block;border:2px solid #8c6d42;background:#0c100d;padding:15px;margin:12px 0;border-radius:9px;color:#ffe0a4;text-decoration:none;font:bold 17px system-ui}.tile small{display:block;color:#d0c2a7;font:13px system-ui;margin-top:5px}.tile:focus-visible,.tile:hover{outline:2px solid #ffcb69}.stereo{width:100%;height:auto;border:4px ridge var(--brass);border-radius:8px}.note{font:13px system-ui;color:#cbbd9e}.button{display:inline-block;background:#9a2c21;border:3px ridge #e5b46b;padding:12px 16px;color:white;text-decoration:none;border-radius:8px;font:bold 14px system-ui}#home{min-height:100dvh}@media (min-aspect-ratio:850/1850){.machine{width:min(100%,calc(100dvh * 850 / 1850),620px)}}