*{box-sizing:border-box}body{margin:0;background:#edf5ee;color:#123f43;font-family:system-ui,-apple-system,sans-serif}a{color:inherit}main{max-width:1160px;padding:35px 24px 20px;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.eyebrow{letter-spacing:3px;font-size:11px;font-weight:800;color:#287a6a}h1{font-family:Georgia,serif;font-size:clamp(32px,5vw,54px);margin:6px 0;letter-spacing:-2px}.intro p{margin:0;color:#57716b}.score{display:flex;gap:32px;font-size:10px;letter-spacing:2px}.score b{display:block;font-size:32px;letter-spacing:0}.game{overflow:hidden;border-radius:18px;background:#073a4a;box-shadow:0 16px 40px #133c4320;border:1px solid #164b51}.toolbar{display:flex;align-items:center;gap:24px;color:#b1e5d5;padding:10px 20px;font-size:11px;font-weight:800;letter-spacing:2px}.toolbar button{margin-left:auto;background:#ffffff12;color:#fff;border-color:#ffffff30;padding:7px 14px}canvas{display:block;width:100%;height:auto;touch-action:manipulation}.feedback{padding:18px 22px;display:flex;justify-content:space-between;gap:20px;align-items:center;color:#fff;min-height:95px}.feedback strong{display:block;font-size:18px}.feedback span{display:block;font-size:13px;color:#b4d5cf;margin-top:6px}.meter-wrap{width:225px;flex-shrink:0}.meter-wrap label{font-size:10px;letter-spacing:2px}meter{display:block;width:100%;height:18px;margin:4px 0}small{font-size:11px;color:#b4d5cf}.controls{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:20px 0}button{font:inherit;font-weight:700;cursor:pointer;border:1px solid #bbcfc2;border-radius:9px;padding:12px 20px;background:#fffdf5;color:#164c45;touch-action:manipulation;user-select:none}button:hover{filter:brightness(.95)}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #eaa73c;outline-offset:3px}.cast{background:#e5ae48;border-color:#d9a03c;color:#263b31;min-width:240px}kbd{font-size:10px;border:1px solid #93712d66;border-radius:4px;padding:3px 6px;margin-left:20px}.aim{display:flex;align-items:center;gap:12px}.aim span{font-size:10px;font-weight:800;letter-spacing:1px}.guide{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid #cbdcd0;padding-top:10px}.guide p{font-size:13px;line-height:1.7;color:#57716b}.guide b{display:block;color:#194f44;margin-bottom:5px}footer{text-align:center;font-size:12px;color:#57716b;padding:15px 20px 30px}footer a{margin-left:10px}@media(max-width:700px){main{padding:24px 12px}.score{gap:14px}.score b{font-size:24px}.intro p{font-size:12px}.feedback{flex-direction:column;align-items:stretch;padding:14px}.meter-wrap{width:100%}.controls{flex-wrap:wrap}.cast{min-width:0;flex:1}.aim span{display:none}.guide{grid-template-columns:1fr;gap:0}.feedback strong{font-size:15px}.toolbar{gap:12px}}

.toolbar{flex-wrap:wrap}.toolbar #sound{margin-left:auto}.toolbar #pause{margin-left:0}