:root{color-scheme:light}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#daf4ff;font-family:Tahoma,Arial,sans-serif;color:#17346b}body{display:grid;place-items:center}#game{position:relative;width:min(100vw,520px);height:100%;height:100dvh;max-height:980px;overflow:hidden;background:#63d8f5;box-shadow:0 0 80px #315e8d30;touch-action:none;user-select:none}canvas{width:100%;height:100%;display:block}.hud{position:absolute;inset:18px 16px auto;display:flex;align-items:center;gap:10px;pointer-events:none}.badge,button{border:1px solid #ffffff90;background:#ffffffdf;border-radius:18px;color:#17346b;box-shadow:0 4px 20px #143f6b16}.badge{padding:10px 15px;font-size:12px}.badge strong{display:block;font-size:23px;margin-top:3px}.hud button{pointer-events:auto;margin-right:auto;width:44px;height:44px;font-size:21px;cursor:pointer}button:focus-visible{outline:3px solid #fece61;outline-offset:3px}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#09204724;backdrop-filter:blur(5px)}.overlay[hidden]{display:none}.panel{width:86%;max-width:370px;text-align:center;padding:30px 22px;background:#ffffffed;border:1px solid #fff;border-radius:30px;box-shadow:0 18px 70px #052e6540}.eyebrow{font-size:11px;letter-spacing:3px;color:#5175a8}h1{font-size:30px;margin:14px 0}p{font-size:13px;line-height:2;color:#527096}.primary{display:block;width:100%;padding:16px;margin-top:22px;background:#2765dc;color:#fff;font:700 16px Tahoma;border:0;cursor:pointer}.secondary{padding:10px 18px;margin-top:12px;font-family:inherit;cursor:pointer}.hint{position:absolute;bottom:104px;left:0;right:0;text-align:center;font-size:11px;color:#ffffffea;text-shadow:0 1px 4px #17346b;pointer-events:none}.controls{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:20px;right:20px;display:flex;justify-content:space-between;direction:ltr}.controls button{width:70px;height:62px;font-size:30px;background:#ffffff65;cursor:pointer;touch-action:none}.controls button:active{background:#ffffffbd}.version{margin-top:18px;font-size:10px;color:#8397ae}#zone{position:absolute;top:100px;left:0;right:0;text-align:center;color:#fff;font-size:12px;text-shadow:0 1px 5px #133778;pointer-events:none}