:root{--ink:#4a3823;--panel:rgba(255,251,242,.8);--line:rgba(122,92,46,.28);--amber:#d89044;--amber-deep:#b9701f;--sub:#8a6b3f}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{font:14px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:#8db6c7;-webkit-user-select:none;user-select:none}#app,#app canvas{position:fixed;inset:0;touch-action:none}.panel{position:fixed;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 6px 24px #3c280a26;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}#tide{left:14px;top:14px;padding:9px 14px 9px 10px;display:flex;gap:11px;align-items:center;z-index:5}#dial{width:54px;height:54px;border-radius:50%;border:2px solid var(--line);position:relative;flex:0 0 auto;background:radial-gradient(circle at 50% 36%,#fffdf6,#f1e3c6)}#needle{position:absolute;left:50%;top:50%;width:2.5px;height:21px;background:var(--amber-deep);border-radius:3px;transform-origin:50% 100%;transform:translate(-50%,-100%) rotate(180deg)}#dial:before{content:"H";position:absolute;top:2px;left:50%;transform:translate(-50%);font-size:9px;font-weight:600;color:var(--sub)}#dial:after{content:"L";position:absolute;bottom:2px;left:50%;transform:translate(-50%);font-size:9px;font-weight:600;color:var(--sub)}#dialdot{position:absolute;left:50%;top:50%;width:6px;height:6px;background:var(--amber-deep);border-radius:50%;transform:translate(-50%,-50%)}#tide .word{font:italic 400 15px/1.1 Georgia,Times New Roman,serif;margin-bottom:3px}#tidestatus{font-weight:600;font-variant-numeric:tabular-nums;font-size:14px}#tidesub{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--sub);margin-top:1px}#toolbar{left:50%;bottom:12px;transform:translate(-50%);padding:7px 4px 5px;display:flex;gap:0;align-items:stretch;justify-content:center;max-width:96vw;z-index:5}button{font:inherit;color:var(--ink)}.tgroup{display:flex;flex-direction:column;gap:3px;padding:0 7px}.tgroup+.tgroup{border-left:1px dashed var(--line)}.tgroup .slots{display:flex;gap:4px;justify-content:center;flex:1}.glabel{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--sub);text-align:center;opacity:.75}#toolbar button[data-tool]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:1px solid transparent;background:none;border-radius:10px;padding:5px 8px 3px;cursor:pointer;min-width:50px}#toolbar .ticon{font-size:19px;line-height:1.15}#toolbar .tname{font-size:10.5px;color:var(--sub);letter-spacing:.03em}#toolbar button[data-tool] kbd{position:absolute;top:2px;right:4px;font:10px/1 ui-monospace,Menlo,monospace;color:var(--sub);opacity:.55}#toolbar button[data-tool]:hover{background:#d890441a;border-color:var(--line)}#toolbar button[data-tool].active{background:var(--amber);border-color:var(--amber-deep)}#toolbar button[data-tool].active .tname,#toolbar button[data-tool].active kbd{color:#fff;opacity:.9}button:focus-visible,input:focus-visible{outline:2px solid var(--amber-deep);outline-offset:2px}#whisper{position:fixed;left:50%;bottom:88px;transform:translate(-50%);z-index:5;font:italic 400 14.5px/1.3 Georgia,Times New Roman,serif;color:var(--ink);text-shadow:0 1px 6px rgba(255,251,242,.9),0 0 14px rgba(255,251,242,.7);pointer-events:none;white-space:nowrap}#kit{right:14px;bottom:12px;padding:9px 11px;display:flex;flex-direction:column;gap:7px;max-width:238px;z-index:5}body.debug #kit{right:330px}#kit .row{display:flex;align-items:center;gap:8px;justify-content:space-between}#kit .row label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--sub)}#kit .chips{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end}#kit button#carryChip{cursor:pointer;font:inherit}.chip{padding:5px 10px;border-radius:999px;background:#d8904421;border:1px solid var(--line);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12.5px}input[type=range]{accent-color:var(--amber-deep);width:74px}#settings{right:14px;top:14px;padding:10px 12px;display:flex;flex-direction:column;gap:9px;min-width:196px;z-index:5}#settings .row{display:flex;align-items:center;gap:8px;justify-content:space-between}#settings .row label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--sub)}#settings .val{font-variant-numeric:tabular-nums;font-size:11.5px;color:var(--sub);min-width:52px;text-align:right}#settings input[type=range]{width:100%}#settings button{border:1px solid var(--line);background:#fffdf7;border-radius:999px;padding:6px 11px;cursor:pointer;font-size:13px}#settings select{font:inherit;font-size:13px;color:var(--ink);background:#fffdf7;border:1px solid var(--line);border-radius:10px;padding:5px 8px;width:100%;cursor:pointer}#toast{position:fixed;left:50%;bottom:78px;transform:translate(-50%) translateY(8px);background:#3a2a14eb;color:#ffedd2;padding:8px 15px;border-radius:10px;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none;font-size:13px;z-index:6;white-space:nowrap}#toast.show{opacity:1;transform:translate(-50%) translateY(0)}#intro,#fatal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:10;background:#261c0e52;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);transition:opacity .45s}#intro.hide{opacity:0;pointer-events:none}#fatal[hidden]{display:none}#intro .card,#fatal .card{background:var(--panel);border:1px solid var(--line);border-radius:18px;max-width:440px;margin:16px;padding:26px 28px 22px;box-shadow:0 20px 60px #28190552}#intro h1,#fatal h1{font:italic 400 36px/1.05 Georgia,Times New Roman,serif;margin:0 0 3px;letter-spacing:.01em}#intro .proto,#fatal .proto{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--sub);margin:0 0 15px}#intro p,#fatal p{margin:.55em 0;font-size:14.5px}#intro .keys{font-size:12.5px;color:#6d5432;border-top:1px dashed var(--line);margin-top:15px;padding-top:12px;line-height:1.7}#intro .pick{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--sub);margin:16px 0 7px;border-top:1px dashed var(--line);padding-top:13px}.beaches{display:flex;flex-direction:column;gap:5px}.beaches button{display:block;width:100%;text-align:left;border:1px solid var(--line);background:#fffdf7;border-radius:11px;padding:7px 11px;cursor:pointer;font-size:13.5px;line-height:1.3}.beaches button:hover{border-color:var(--amber)}.beaches button.sel{background:var(--amber);border-color:var(--amber-deep);color:#fff}.beaches .bname{font-weight:600}.beaches .bblurb{display:block;font-size:11.5px;color:var(--sub);margin-top:1px}.beaches button.sel .bblurb{color:#fff7ebeb}#begin{margin-top:15px;background:var(--amber);border:1px solid var(--amber-deep);color:#fff;padding:9px 22px;border-radius:999px;cursor:pointer;font-size:15px}@media(max-width:640px){#settings,#tide .word{display:none}input[type=range]{width:64px}#toolbar .tname{display:none}#toolbar button[data-tool]{min-width:40px;padding:5px 6px 3px}#kit{max-width:170px}#whisper{display:none}}@media(prefers-reduced-motion:reduce){#intro,#toast{transition:none}}