*{box-sizing:border-box}body{margin:0;background:#030913;color:#eefbff;font:16px/1.5 system-ui}main{max-width:1280px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:10px 18px;background:#071522;border-bottom:1px solid #27576b}header a{color:#96edff}h1{font-size:16px;margin:0;letter-spacing:.06em}.game{position:relative}canvas{width:100%;display:block;aspect-ratio:16/9;background:#081421}#dialog{position:absolute;inset:0;background:#020914b8;display:flex;align-items:center;justify-content:center;padding:30px}#dialog[hidden]{display:none}.panel{max-width:850px;width:100%;background:#071521f5;border:1px solid #57849b;padding:36px;border-radius:12px}.panel h2{color:#a6eaff;font-size:28px;margin:0 0 18px}.panel p{font-size:21px;line-height:1.65;white-space:pre-line}button{font:700 16px system-ui;padding:12px 22px;background:#b2edff;color:#071321;border:0;border-radius:5px;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #ffd580;outline-offset:4px}.controls{padding:14px 18px;color:#adc5d6;display:flex;flex-wrap:wrap;gap:18px;font-size:13px}.controls label{display:flex;gap:8px;align-items:center}#caption{padding:10px 18px;min-height:50px;color:#c9eaff;background:#0a1b29}.note{font-size:12px;color:#91a8b9;padding:0 18px 15px}#pause{background:#17394b;color:#ddf7ff;padding:6px 12px;font-size:13px}@media(max-width:700px){.panel{padding:18px}.panel h2{font-size:20px}.panel p{font-size:15px}header{gap:10px}h1{font-size:12px}}