*{box-sizing:border-box}html{background:#070d19;color:#f1e9d8;font-family:system-ui,sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 0,#1b2340,transparent 60%)}header{max-width:1440px;margin:auto;min-height:100px;padding:18px 26px;display:flex;align-items:center;justify-content:space-between;gap:18px}.eyebrow{font-size:10px;letter-spacing:.24em;color:#c0a369}h1{font-family:Georgia,serif;font-size:36px;letter-spacing:-.04em;margin:3px 0}h1 i{font-weight:normal;font-size:20px;color:#a8a6c2;margin-left:12px;letter-spacing:0}nav{display:flex;gap:8px}button{border:1px solid #655f76;background:#19213a;color:#f1e9d8;border-radius:7px;padding:10px 14px;font:inherit;font-size:12px;cursor:pointer}button:hover,button:focus-visible{background:#333650;border-color:#d3b77e;outline:2px solid #d3b77e;outline-offset:2px}main{max-width:1400px;margin:auto;border:1px solid #50475b;border-radius:12px;overflow:hidden;box-shadow:0 20px 80px #0008}.strip{height:36px;padding:10px 20px;display:flex;justify-content:space-between;background:#151b2b;font-size:10px;letter-spacing:.07em;color:#bcb3cd}#stage{height:calc(100vh - 192px);min-height:340px;max-height:900px;display:flex;align-items:center;justify-content:center;background:#02040b}canvas{display:block;touch-action:none;user-select:none;max-width:100%}.p{cursor:pointer}footer{padding:16px 26px;max-width:1440px;margin:auto;display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#a9a1b3}a{color:#d0bd93}dialog{max-width:580px;background:#141d31;color:#ede4d4;border:1px solid #ab9370;border-radius:14px;padding:30px;line-height:1.65}dialog::backdrop{background:#000b}h2{font:30px Georgia,serif;margin-top:0}li{margin-bottom:10px}@media(max-width:740px){header{padding:12px;min-height:120px;flex-wrap:wrap;gap:8px}h1{font-size:26px}h1 i{font-size:16px}nav{gap:5px}button{padding:8px 10px}.strip span+span{display:none}#stage{height:calc(100vh - 230px);min-height:300px}main{border-radius:0}footer{padding:12px;flex-direction:column}}
@media(max-height:520px) and (min-width:700px){header{min-height:64px;padding:8px 14px}h1{font-size:24px}.eyebrow{font-size:8px}h1 i{font-size:15px}.strip{height:27px;padding:7px 14px}#stage{height:calc(100vh - 126px);min-height:0}footer{padding:8px 14px;font-size:9px}}