*{box-sizing:border-box}body{margin:0;overflow:hidden;color:#243443;background:#c3e7e8;font-family:Arial,sans-serif;letter-spacing:0}canvas{display:block;touch-action:none}#scene{position:fixed;inset:0}header{position:fixed;top:24px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:start;pointer-events:none}.brand{font-size:36px;color:#d3294d;font-weight:800;font-style:italic}.brand span{display:block;font-size:10px;font-style:normal;color:#344952;margin-top:4px}.tools{display:flex;gap:8px}button,select{font:inherit;border:1px solid #ffffff99;border-radius:5px;background:#fffffff0;color:#243443;cursor:pointer;pointer-events:auto;touch-action:none}button:hover{background:#fff}button:focus-visible,select:focus-visible{outline:3px solid #d3294d;outline-offset:3px}.tools button{width:42px;height:42px;font-size:23px}aside{position:fixed;top:122px;left:28px;width:178px}select{width:100%;padding:9px;font-size:12px}.stats{display:flex;justify-content:space-between;margin:12px 0;font-size:14px}#health{color:#cb274e}#score{color:#5a4f26}.progress{height:5px;background:#ffffff77}.progress i{display:block;height:100%;width:0;background:#d3294d}#district{font-size:12px}footer{position:fixed;bottom:24px;left:28px;right:28px;display:flex;justify-content:space-between;pointer-events:none}.arrows,.actions{display:flex;gap:8px}.arrows button{width:50px;height:50px;font-size:25px}.actions button{position:relative;width:155px;height:50px;display:flex;align-items:center;justify-content:center;gap:10px;overflow:hidden}.actions b{font-size:25px;color:#d3294d}.actions span{font-size:13px}kbd{font:9px Arial;opacity:.55}#charge{position:absolute;bottom:0;left:0;height:3px;background:#d3294d;width:100%}#overlay{position:fixed;inset:0;background:#f0f7f8ed;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:24px}#overlay[hidden]{display:none}small{font-size:11px;color:#bb294b;font-weight:bold}h1{font-size:34px;margin:16px 0 0}#message{font-size:14px;line-height:1.6;max-width:340px}#continue{margin-top:20px;background:#cf3054;color:white;border:0;font-weight:bold;padding:14px 25px}@media(max-width:600px){header{top:16px;left:16px;right:16px}.brand{font-size:29px}.brand span{font-size:8px}.tools button{width:35px;height:35px}aside{left:16px;top:100px;width:151px}footer{left:12px;right:12px;bottom:20px}.arrows{gap:5px}.arrows button{width:39px;height:48px}.actions{gap:5px}.actions button{width:91px;height:48px;gap:6px}.actions span{font-size:11px}kbd{display:none}h1{font-size:28px}}
