:root{font-family:Trebuchet MS,sans-serif;color:#243a2e;background:#b5dfe4;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}canvas{display:block;width:100%;height:100%;touch-action:none}#game{position:fixed;inset:0}header{position:fixed;top:26px;left:32px;right:28px;display:flex;justify-content:space-between;align-items:start;pointer-events:none}.wordmark{font-family:Georgia,serif;font-size:38px;font-weight:700;line-height:.95;text-shadow:0 1px #eef9d7}.wordmark span{display:block;font-family:Trebuchet MS,sans-serif;font-size:14px;line-height:1.9}button{font:inherit;font-weight:700;color:#243a2e;border:2px solid #304c35;border-radius:6px;background:#f6f9dc;min-height:44px;padding:10px 17px;cursor:pointer;box-shadow:0 3px #304c35}button:hover{background:#e4edb5}button:active{transform:translateY(2px);box-shadow:0 1px #304c35}button:focus-visible{outline:3px solid #b74428;outline-offset:4px}button:disabled{opacity:.6;cursor:wait}#help{pointer-events:auto;font-size:13px}#journal{position:fixed;top:135px;left:32px;background:#f6f9dcf2;padding:19px 22px;width:278px;border-radius:5px;box-shadow:3px 4px #35523c30}h1{font-size:15px;margin:0 0 17px}ul{padding:0;margin:0;list-style:none}li{font-size:14px;line-height:1.5;margin:11px 0;display:flex;gap:10px}li:before{content:"○";font-weight:700}li.done:before{content:"✓";color:#447137}li.done{color:#53734c}#pockets{font-size:12px;border-top:1px solid #bcc8a0;margin-top:16px;padding-top:12px}#location{position:fixed;bottom:85px;left:32px;font-family:Georgia,serif;font-style:italic;font-size:20px;text-shadow:0 1px 3px #eff8db}footer{position:fixed;bottom:0;left:0;right:0;background:#f6f9dce8;min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:10px 30px;font-size:12px;gap:15px}kbd{font-family:inherit;font-weight:700;background:#dfe8bd;padding:4px 6px;border-radius:3px;margin:0 5px}#interact{position:fixed;bottom:104px;left:50%;transform:translate(-50%);background:#f6f9dc;max-width:85vw}#toast{position:fixed;bottom:165px;left:50%;transform:translate(-50%);max-width:480px;width:max-content;background:#243a2ef2;color:#f6f9dc;padding:14px 22px;border-radius:5px;opacity:0;transition:opacity .2s;text-align:center;font-size:15px;pointer-events:none}#toast.show{opacity:1}dialog{position:fixed;inset:0;margin:auto;width:440px;max-width:calc(100% - 32px);padding:0;background:#f6f9dc;border:2px solid #304c35;border-radius:8px;color:#243a2e;box-shadow:7px 8px #304c3540;z-index:10}dialog::backdrop{background:#29413240}.menu-inner{padding:32px}.frog-mark{font-size:13px}h2{font-family:Georgia,serif;font-size:46px;line-height:1.04;margin:20px 0}p{font-size:15px;line-height:1.55}#play{width:100%;background:#bcd981;margin-top:8px}.instructions{font-size:11px;line-height:1.8;margin-bottom:0}#load-status{font-size:12px}#touch{display:none}[hidden]{display:none!important}@media(max-width:700px){header{top:17px;left:18px;right:18px}.wordmark{font-size:28px}.wordmark span{font-size:11px}#journal{left:18px;top:100px;padding:12px 14px;width:218px}h1{font-size:12px;margin-bottom:8px}li{font-size:12px;margin:5px 0}#pockets{font-size:11px;margin-top:8px;padding-top:8px}footer{display:none}#location{left:18px;bottom:170px;font-size:16px}#touch{position:fixed;bottom:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:end;pointer-events:none}#touch button{pointer-events:auto;touch-action:none;min-width:46px;padding:10px}.dpad{display:grid;grid-template-columns:repeat(3,46px);gap:5px}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1}#interact{bottom:85px;left:auto;right:20px;transform:none;max-width:52vw;font-size:12px}#toast{bottom:230px;max-width:90vw}h2{font-size:38px}.menu-inner{padding:24px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.touch-actions{display:flex;gap:8px;flex-direction:column}@media(max-width:700px){#interact{bottom:196px}#toast{bottom:260px}}#back-to-bench{display:block;margin-top:20px;text-align:center;color:inherit;font-size:13px}