:root{color-scheme:light;--ink:#315e53;--line:#e2e8da}*{box-sizing:border-box}body{margin:0;background:#fffdf6;color:var(--ink);font:14px 'Trebuchet MS',Arial,sans-serif}main{max-width:840px;margin:auto;padding:18px 24px}header{display:flex;align-items:center;gap:12px;margin-bottom:16px}header img{width:64px;height:64px;object-fit:contain}header small{font-size:8px;letter-spacing:1.5px;color:#92a08b}h1{font-size:29px;letter-spacing:-1px;margin:4px 0}header p{margin:0;color:#839381;font-size:12px}nav{display:flex;gap:7px;margin-left:auto}button{font:inherit;min-height:44px;border:1px solid var(--line);border-radius:12px;background:white;padding:10px 14px;color:var(--ink);font-size:12px;cursor:pointer}button:hover:not(:disabled){background:#f4f7ea}button:focus-visible{outline:3px solid #d5ab53;outline-offset:2px}button:disabled{opacity:.4;cursor:default}.primary{background:#a6d4b5;font-weight:bold}.game{border:1px solid var(--line);border-radius:23px;overflow:hidden;background:white;box-shadow:0 12px 50px #62875e09}.hud{display:flex;justify-content:space-between;padding:14px 24px}.hud small{display:block;font-size:8px;letter-spacing:1.4px;color:#82947c}.hud b{display:block;font-size:23px;margin-top:5px}.hud>div:nth-child(2){text-align:center}.hud>div:last-child{text-align:right}#board{position:relative;width:100%;aspect-ratio:700/620;background:#e8f2e7;touch-action:pan-y}canvas{display:block}#hits{position:absolute;inset:0;z-index:2;pointer-events:none}#hits button{position:absolute;background:transparent;border:0;pointer-events:auto;padding:0;min-height:0;border-radius:7px}#hits button:hover{background:#ffffff18}#hits button:focus-visible{outline-offset:-2px}#message{margin:10px 14px;font-size:11px;line-height:1.5;min-height:19px;text-align:center;color:#7a907b}.controls{display:flex;gap:8px;padding:4px 14px 15px}.controls button{flex:1}#apply{display:block;margin:0 auto 14px}#apply[hidden]{display:none}.below{text-align:center}.below p{display:inline-block;margin:14px 8px 7px;font-size:11px;color:#89987d}.below>div{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.below button{background:transparent;border:0;font-size:11px;min-height:36px}.footnote{text-align:center;color:#9caa8e;font-size:10px}dialog{background:#fffef6;color:var(--ink);border:1px solid var(--line);border-radius:24px;padding:26px;text-align:center;width:440px;max-width:calc(100vw - 28px);max-height:90dvh;overflow:auto}dialog::backdrop{background:#dce8d8bd;backdrop-filter:blur(5px)}dialog h2{font-size:26px;letter-spacing:-.6px}dialog p{font-size:14px;line-height:1.7;color:#7b8f75}dialog .logo{width:160px;height:160px;object-fit:contain}#actions{display:grid;gap:9px;margin-top:18px}.achievement{display:flex;gap:12px;align-items:center;text-align:left;border-bottom:1px solid var(--line);padding:10px 0}.achievement img{width:46px;height:46px}.achievement p{font-size:12px}.locked{opacity:.45}@media(min-width:701px) and (max-height:900px){main{max-width:calc(100dvh - 120px);min-width:590px;padding:12px 20px}header img{width:48px;height:48px}h1{font-size:24px}.hud{padding:10px 20px}.hud b{font-size:21px}}@media(max-width:700px){main{padding:10px;max-width:580px}header{gap:6px;margin-bottom:12px}header img{width:42px;height:42px}h1{font-size:21px}header small{font-size:6px;letter-spacing:1px}header p{display:none}nav{gap:4px}nav button{font-size:10px;padding:8px}.hud{padding:12px 15px}.hud b{font-size:21px}.hud small{font-size:7px}.controls{gap:5px;padding:4px 8px 12px}.controls button{font-size:10px;padding:8px 5px}#message{font-size:10px;min-height:29px}.below>div{gap:3px}.below button{padding:8px;font-size:10px}.footnote{margin-top:8px}}