:root{--sea: #14303d;--sea2: #0b1d27;--paper: #f7f0e1;--paper2: #e6dac2;--ink: #22304f;--ink2: #56607a;--verm: #e2462e;--verm2: #a8301d;--gold: #f4b829;--foam: #cfeee6;--sign: "SignPainter", "SignPainter-HouseScript", "Brush Script MT", "Segoe Script", cursive;--label: Tahoma, "Microsoft Sans Serif", "DejaVu Sans Condensed", "Liberation Sans", sans-serif}html,body{background:var(--sea);color:var(--paper);font-family:var(--label)}.hud{position:absolute;left:0;right:0;top:0;padding:calc(8px + var(--safe-t)) calc(10px + var(--safe-r)) 0 calc(10px + var(--safe-l));display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none;z-index:3}.btn{pointer-events:auto}.tab{width:46px;height:46px;display:grid;place-items:center;padding:0;border:0;text-decoration:none;color:var(--ink);background:linear-gradient(180deg,var(--paper) 0 44%,#cdbf9f 44% 52%,var(--paper2) 52% 100%);box-shadow:3px 4px #04101659,inset 0 0 0 1px #22304f2e;border-radius:2px;position:relative}.tab:after{content:"";position:absolute;left:0;right:0;top:44%;height:2px;background:var(--verm);opacity:.85}.tab svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:square;stroke-linejoin:miter;position:relative;z-index:1}.tab:active{transform:translateY(2px);box-shadow:1px 2px #04101659,inset 0 0 0 1px #22304f2e}.mute .off,.mute[aria-pressed=true] .wav{display:none}.mute[aria-pressed=true] .off{display:inline}.mute[aria-pressed=true]{color:var(--ink2)}.board{text-align:center;line-height:1;margin-top:-2px}.board .score{font-family:var(--sign);font-size:44px;color:var(--paper);text-shadow:2px 3px 0 rgba(4,16,22,.55);font-variant-numeric:tabular-nums;transition:transform .18s ease-out}.board .score.pop{transform:scale(1.12) rotate(-2deg)}.lives{display:flex;gap:6px;justify-content:center;margin-top:2px}.lives i{width:12px;height:20px;display:block;background:linear-gradient(180deg,var(--paper) 0 45%,var(--verm) 45% 58%,var(--paper) 58%);box-shadow:1.5px 2px #04101673;transition:transform .3s,opacity .3s,clip-path .3s;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.lives i.lost{opacity:.4;background:#9aa3a8;transform:rotate(14deg) translateY(2px);clip-path:polygon(0 0,100% 0,100% 38%,70% 50%,100% 62%,100% 100%,0 100%,0 62%,30% 50%,0 38%)}.lives.low i:not(.lost){animation:flutter .6s ease-in-out infinite alternate}@keyframes flutter{to{transform:rotate(-6deg) translateY(-1px)}}.board .mult{display:inline-block;margin-top:5px;padding:2px 9px 1px;font-family:var(--sign);font-size:19px;color:var(--paper);background:#04101659;transition:transform .25s ease-out,color .3s,background .3s}.board .mult.hot{color:var(--paper);background:var(--verm);box-shadow:2px 2px 0 var(--verm2)}.board .mult.pop{transform:scale(1.3) rotate(-3deg)}section.title,section.card,section.paused,section.gallery{position:absolute;inset:0;display:grid;place-items:center;z-index:5;padding:calc(20px + var(--safe-t)) 18px calc(20px + var(--safe-b))}section.title,section.card,section.paused{pointer-events:none}section.title{background:linear-gradient(180deg,#0b1d271a,#0b1d2780);transition:opacity .38s}section.title.fade{opacity:0}section.card{background:#0b1d2759;opacity:0;transition:opacity .45s}section.card.show{opacity:1}section.paused{background:#0b1d2799}section.gallery{background:#0b1d27eb;z-index:7}.sheet{position:relative;width:min(320px,100%);text-align:center;padding:26px 20px 20px;color:var(--ink);background:linear-gradient(90deg,var(--paper2) 0,var(--paper) 12%,#fffaf0 60%,var(--paper2) 100%);box-shadow:8px 12px #04101661}.sheet:before{content:"";position:absolute;left:0;right:0;top:-9px;height:10px;background:linear-gradient(135deg,transparent 50%,#fffaf0 50%) 0 0 / 12px 10px repeat-x,linear-gradient(225deg,transparent 50%,var(--paper2) 50%) 6px 0 / 12px 10px repeat-x}.sheet:after{content:"";position:absolute;left:12px;right:12px;top:10px;height:2px;background:var(--verm);box-shadow:0 4px #e2462e59}.sheet.small{width:min(220px,100%);padding:22px 18px 16px}.sheet.wide{width:min(370px,100%);max-height:calc(100% - 10px);overflow:auto}.kicker{display:inline-block;font-family:var(--label);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink2);margin-top:4px}h1{font-family:var(--sign);font-weight:400;font-size:92px;margin:-4px 0 -10px;color:var(--ink);line-height:1;transform:rotate(-4deg)}h1:first-letter{color:var(--verm)}.sub{color:var(--ink2);margin:6px 0;font-size:14px}.legend{width:132px;height:132px;display:block;margin:10px auto 0;box-shadow:4px 5px #04101640;border-radius:10px}.legend .sea{fill:#14303d}.legend .paper{fill:var(--paper)}.legend .chev{fill:none;stroke:#e2462e8c;stroke-width:2.4}.legend .lip{stroke:var(--ink);stroke-width:1.4;stroke-dasharray:3 2}.legend .runner{fill:var(--ink);animation:bob .35s ease-in-out infinite alternate}.legend .ridge rect{fill:#e2d4b4;stroke:var(--verm);stroke-width:1}.legend .far,.legend .finger{animation:pull 3.2s cubic-bezier(.6,0,.3,1) infinite}.legend .ridge{animation:ridge 3.2s linear infinite;opacity:0}.legend .finger circle{fill:#fffaf0d9;stroke:var(--verm);stroke-width:2}@keyframes pull{0%,18%{transform:translateY(0)}52%,82%{transform:translateY(14px)}to{transform:translateY(0)}}@keyframes ridge{0%,50%{opacity:0}53%,82%{opacity:1}88%,to{opacity:0}}@keyframes bob{to{transform:translateY(-1.5px)}}.legend .finger{animation-name:pullf}@keyframes pullf{0%,10%{transform:translateY(0);opacity:0}18%{opacity:1}52%{transform:translateY(14px);opacity:1}60%,to{transform:translateY(14px);opacity:0}}.cta{font-family:var(--sign);font-size:28px;color:var(--verm);margin:10px 0 0;animation:breathe 2.2s ease-in-out infinite}@keyframes breathe{50%{opacity:.5}}.best{font-size:13px;color:var(--ink2);letter-spacing:.08em}.row-btns{display:flex;justify-content:center;gap:10px;margin-top:10px}.pill{pointer-events:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border:0;border-radius:0;background:var(--ink);color:var(--paper);font-family:var(--label);font-size:14px;letter-spacing:.06em;box-shadow:3px 3px 0 var(--verm)}.pill svg{width:18px;height:18px;fill:none;stroke:var(--gold);stroke-width:1.5;stroke-linecap:round}.pill:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--verm)}.big{font-family:var(--sign);font-size:64px;line-height:1;margin:2px 0 0;color:var(--ink)}.newbest{display:inline-block;margin:2px 0 4px;padding:2px 12px 0;font-family:var(--sign);font-size:24px;color:var(--paper);background:var(--verm);box-shadow:2px 2px 0 var(--verm2);animation:wave 1.2s ease-in-out infinite alternate}@keyframes wave{0%{transform:rotate(-3deg)}to{transform:rotate(3deg) scale(1.05)}}.keep{margin:6px auto 4px;width:150px}.keep img{width:150px;height:225px;display:block;background:#f3e8d0;box-shadow:4px 5px #22304f4d}.rows{display:grid;grid-template-columns:1fr 1fr;gap:1px 14px;margin:6px 2px 0}.row{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px dashed rgba(34,48,79,.35);padding:3px 0;font-size:12px}.row span{color:var(--ink2);letter-spacing:.04em}.row b{font-family:var(--sign);font-weight:400;color:var(--ink);font-size:22px;line-height:1}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 10px;margin:14px 0 4px}.grid figure{margin:0;position:relative}.grid figure:before{content:"";position:absolute;top:-5px;left:50%;width:8px;height:8px;margin-left:-4px;background:var(--verm);border-radius:50%;z-index:1;box-shadow:1px 1px 0 var(--verm2)}.grid img{width:100%;aspect-ratio:2 / 3;object-fit:cover;display:block;box-shadow:3px 4px #22304f4d}.grid figure:nth-child(odd) img{transform:rotate(-1.2deg)}.grid figure:nth-child(2n) img{transform:rotate(1deg)}.grid figcaption{font-family:var(--sign);font-size:19px;color:var(--ink);margin-top:3px}@media(max-height:700px){h1{font-size:72px}.legend{width:100px;height:100px}.keep,.keep img{width:112px}.keep img{height:168px}.big{font-size:52px}}@media(prefers-reduced-motion:reduce){.cta,.legend *,.newbest,.lives.low i{animation:none!important}.legend .ridge{opacity:1}.legend .far{transform:translateY(14px)}.legend .finger{opacity:0}}.grid figure{cursor:pointer}.grid figure.pinned img{outline:2px solid var(--verm);outline-offset:2px}.grid figure.pinned figcaption:before{content:"★";color:var(--verm)}.big-keep{display:block;width:min(220px,58vw);aspect-ratio:2 / 3;object-fit:cover;margin:14px auto 6px;box-shadow:4px 5px #22304f4d}.btns{flex-wrap:wrap;gap:8px}.btns .pill{padding:0 14px}.pill.ad:after{content:"AD";margin-left:2px;padding:1px 4px;font-size:9px;letter-spacing:.08em;background:#7f7f7f40}