@font-face{font-family:DM;src:url('/public/fonts/font-0.ttf')}@font-face{font-family:Fredoka;src:url('/public/fonts/font-5.ttf')}*{box-sizing:border-box}body{margin:0;background:#f5f2e7;color:#304f48;font-family:DM,system-ui}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #d86f53;outline-offset:4px}header{max-width:1150px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:25px 30px;font-size:11px}header span{font-size:8px;letter-spacing:2px}header button,.pond-top button{background:none;border:0;color:#526e60;font-size:11px;min-height:44px}main{max-width:1080px;margin:15px auto 35px;display:grid;grid-template-columns:1fr 420px;gap:80px;align-items:center;padding:0 30px}.postmark{border:2px solid #768f71;border-radius:50%;width:104px;height:104px;display:grid;align-content:center;text-align:center;font-size:14px;transform:rotate(-12deg);letter-spacing:1px;margin-bottom:38px;color:#768f71}.postmark span{font-size:6px;line-height:2.8;letter-spacing:1px}.eyebrow{font-size:8px;letter-spacing:2px;color:#748577}h1{font:clamp(40px,5vw,67px)/1.05 Fredoka,system-ui;letter-spacing:-2px;margin:19px 0 24px}h1 em{font-style:normal;color:#d87960}.lede{font-size:14px;line-height:1.9;color:#768579}.instructions{border-top:1px solid #d9decf;margin-top:35px;padding-top:25px;display:grid;gap:18px;font-size:10px;color:#a7af95}.instructions b{font-size:12px;font-weight:500;color:#496452;margin-left:18px}.footnote{font-size:11px;color:#80917d;margin-top:30px}.next-game{font-size:10px;text-decoration:underline;text-underline-offset:4px}.pond-card{background:#e5ebd5;border:1px solid #d2ddbf;border-radius:26px;box-shadow:0 15px 35px #74805b12;overflow:hidden}.pond-top{display:flex;justify-content:space-between;align-items:center;padding:8px 23px 0;font-size:8px;letter-spacing:1.5px}h2{font:25px Fredoka;margin:0 23px 5px;font-weight:500}.canvas-wrap{position:relative}canvas{display:block;width:100%;height:auto;touch-action:manipulation}.pond-bottom{text-align:center;padding:0 18px 16px}#waves{display:flex;justify-content:center;gap:7px}#waves i{width:9px;height:9px;background:#758e70;border-radius:50%}#waves i.used{background:#c5d0b6}#status{font-size:11px;margin:12px 0;min-height:16px}.steer{display:flex;justify-content:center;gap:10px}.steer button{border:1px solid #c9d6b8;border-radius:50%;background:#eff2e4;color:#5f795c;font-size:18px;width:44px;height:44px}.steer button:disabled{opacity:.4}#message{position:absolute;inset:22% 22px auto;background:#f9f6edee;backdrop-filter:blur(8px);border:1px solid #d7ddc9;border-radius:20px;padding:30px 20px;text-align:center;box-shadow:0 12px 35px #3d695322}.stamp{font-size:8px;letter-spacing:2px;color:#d87960}h3{font:36px Fredoka;margin:16px 0 10px}#message p{font-size:12px;line-height:1.6}#advance{min-height:48px;background:#d87b61;color:#fff7eb;border:0;border-radius:12px;padding:12px 25px;margin-top:15px}footer{max-width:1080px;margin:auto;padding:0 30px 25px;display:flex;justify-content:space-between;font-size:8px;color:#8d9b83;letter-spacing:1px}footer span{letter-spacing:0}[hidden]{display:none!important}@media(max-width:760px){header{padding:9px 19px}header>span{display:none}main{display:block;padding:0 14px;margin:0 auto 20px;max-width:470px}.intro{padding:8px 10px 19px}.postmark,.instructions,.footnote,.next-game,.eyebrow{display:none}h1{font-size:35px;letter-spacing:-1px;margin:0 0 8px}h1 br{display:none}.lede{font-size:11px;line-height:1.6;margin:0}.lede br{display:none}.pond-card{border-radius:20px}.canvas-wrap{max-width:320px;margin:auto}footer{display:block;text-align:center;line-height:2}footer span{display:block}}@media(prefers-reduced-motion:reduce){#message{backdrop-filter:none}}

dialog{max-width:360px;background:#f9f6ed;color:#304f48;border:1px solid #cbd8bb;border-radius:22px;padding:28px;text-align:center}dialog::backdrop{background:#244c3b88}dialog p{font-size:13px;line-height:1.8}dialog button{min-height:44px;padding:10px 26px;border:0;border-radius:12px;background:#d87b61;color:white}