*{box-sizing:border-box}body{margin:0;background:#201d2c;color:#f4e5bd;font:16px system-ui}main{max-width:1050px;margin:auto;padding:24px}h1{font:clamp(36px,6vw,65px) Georgia;margin:12px 0}.eyebrow{font-size:12px;letter-spacing:.23em;color:#d4ad63}p{line-height:1.6}button,select{font:inherit;padding:12px;border:1px solid #c8a460;border-radius:8px;background:#e8d6a6;color:#2b2530;cursor:pointer}button:disabled{opacity:.6}.controls,.meters{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.meters b{background:#3a3348;padding:10px;border-radius:8px}#notes{display:grid;grid-template-columns:repeat(12,1fr);gap:4px}.note{padding:8px 2px;text-align:center;background:#3a3348;border-radius:5px;font-size:13px}.note b{display:block;font-size:18px}.note.good{background:#315e4f}.note.bad{background:#85434c}.note.next{outline:2px solid #f4cb6a}canvas{width:100%;display:block;aspect-ratio:2.6}#ropes{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}#ropes button{min-height:100px}#ropes small{display:block;margin-top:6px}#message{min-height:70px;padding:14px;background:#44384e;border-left:4px solid #dfb95e}details{padding:14px;border:1px solid #75617a;border-radius:8px}#log{font-size:14px;line-height:1.7}@media(max-width:600px){main{padding:14px}#notes{grid-template-columns:repeat(6,1fr)}#ropes{grid-template-columns:1fr 1fr;gap:8px}canvas{aspect-ratio:1.8}#ropes button{min-height:104px}.meters{font-size:13px}}
canvas#tower{width:100%!important;max-width:100%!important;height:auto!important}main{min-width:0}