*{box-sizing:border-box}body{margin:0;background:#f8f7f2;color:#173e30;font:16px/1.4 system-ui,sans-serif}.game{max-width:880px;margin:auto;padding:18px}header{text-align:center}header span{font-size:11px;letter-spacing:.1em;font-weight:800}h1{font-size:30px;letter-spacing:-1px;margin:7px 0}header p{margin:0 0 15px;font-size:14px}.chapterbar{display:flex;justify-content:space-between;gap:8px;font-size:13px;font-weight:800;padding:9px 5px}.arena{position:relative;border:2px solid #183c30;border-radius:20px;overflow:hidden;background:#e6f4dd}canvas{display:block;width:100%;height:auto;touch-action:none}#overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#e6f4def2;text-align:center;padding:18px}#overlay strong{font-size:38px;line-height:1.12;letter-spacing:-1px;max-width:550px}#overlay p{max-width:460px;font-size:15px;margin:15px 0 0}#overlay .rules{font-size:12px;line-height:1.6}#overlay button{margin-top:18px}button{border:0;border-radius:24px;padding:12px 20px;background:#173e2f;color:white;font:700 14px system-ui;cursor:pointer;touch-action:none;min-height:43px}button:hover{background:#2b5b44}button:focus-visible,canvas:focus-visible{outline:4px solid #fb842e;outline-offset:3px}button:disabled{opacity:.4}#toast{position:absolute;bottom:14px;left:8%;right:8%;background:#163c30ed;color:#fff;padding:10px 14px;border-radius:12px;text-align:center;font-size:13px;pointer-events:none;opacity:0}.objective{padding:14px 5px 4px}.objective>strong{font-size:16px}.objective p{font-size:12px;margin:5px 0;min-height:17px}.progress{display:flex;gap:18px;align-items:center;font-size:13px;font-weight:700;margin-top:10px}.progress button{min-height:30px;padding:5px 12px;background:#e0ead8;color:#173e30}.controls{display:flex;gap:14px;align-items:center;justify-content:center;margin:10px 0}.dpad{display:grid;grid-template-columns:48px 48px 48px;grid-template-rows:39px 39px;gap:4px}.dpad button{border-radius:12px;padding:5px;min-height:39px}.dpad #up{grid-column:2}.dpad #left{grid-column:1;grid-row:2}.dpad #down{grid-column:2;grid-row:2}.dpad #right{grid-column:3;grid-row:2}#action{background:#ef9140;color:#173e30;min-height:60px}.settings{display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap}.settings button{background:#e0ead8;color:#173e30;padding:7px 13px;font-size:12px;min-height:33px}.settings label{font-size:12px}#status,.note{text-align:center;font-size:11px;color:#4d6a59;margin:12px 0 0}.note{line-height:1.7}[hidden]{display:none!important}@media(max-width:500px){.game{padding:8px}h1{font-size:23px}header span{font-size:9px}header p{font-size:12px;margin-bottom:7px}.chapterbar{font-size:10px}#overlay strong{font-size:25px}#overlay p{font-size:11px;margin-top:7px}#overlay .rules{font-size:9px}#overlay button{margin-top:9px;padding:9px 16px;min-height:34px;font-size:12px}.objective>strong{font-size:14px}.objective p{font-size:11px}.controls{gap:10px}.progress{gap:12px}.progress button{font-size:12px}#toast{font-size:10px;bottom:5px;padding:6px 8px;left:3%;right:3%}}

header span,.note,#status{font-size:12px}.controls .dpad{grid-template-rows:44px 44px}.dpad button{min-height:44px}.settings label{font-size:13px}@media(max-width:500px){header span{font-size:11px}.chapterbar{font-size:12px}.objective p{font-size:12px}.note,#status{font-size:12px}#overlay .rules{font-size:11px}}