*{box-sizing:border-box}body{margin:0;color:#f7eacb;font-family:system-ui,sans-serif}header{max-width:600px;margin:auto;padding:18px;display:flex;justify-content:space-between;font-size:12px}a{color:#e8c778}main{display:block;max-width:420px;margin:12px auto;padding:0 20px;text-align:center}.soundbar{max-width:500px}.top{display:flex;justify-content:space-between;align-items:center;margin:10px 0}button{font:inherit;background:#edce82;color:#251a24;border:0;border-radius:12px;padding:12px;min-height:48px;cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid white;outline-offset:3px}canvas{display:block;width:auto;max-width:100%;height:min(50svh,450px);margin:auto;background:#15101d;border:3px solid #dfb95f;border-radius:8px;touch-action:none}.buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0}.secondary{grid-template-columns:1fr 1fr;margin-top:22px}.setting{display:block;text-align:left;font-size:13px;line-height:1.6;margin:18px 0}.setting input{width:20px;height:20px;vertical-align:middle}.note{font-size:12px;color:#c8b8c8}#block-message{min-height:24px;font-size:14px;margin:8px 0}.intro-screen p{line-height:1.6}.intro-screen h2{font-size:48px}.cinema button{margin:10px}.hidden{display:none!important}