:root{--bg1:#ffe2e6;--bg2:#ffd8c8;--ink:#5a4636;--pink:#ff7a9c;--pink-soft:#fde7ec;--paper:#fffdf8;--line:#eadbd0;--shadow:0 6px 24px #96505024}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0;overflow:hidden}body{background:linear-gradient(var(--bg1), var(--bg2));color:var(--ink);-webkit-user-select:none;user-select:none;touch-action:none;font-family:Fredoka,ui-rounded,system-ui,sans-serif}#world{width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;z-index:10;position:fixed;inset:0}#ui>*{pointer-events:auto}#hud{pointer-events:none;z-index:5;position:fixed;inset:0}#hud .pe{pointer-events:auto}input,textarea,button{font:inherit;color:inherit}input,textarea{-webkit-user-select:text;user-select:text}.screen{background:linear-gradient(var(--bg1), var(--bg2));touch-action:pan-y;-webkit-overflow-scrolling:touch;justify-content:center;align-items:center;padding:16px;animation:.45s fade;display:flex;position:absolute;inset:0;overflow-y:auto}@keyframes fade{0%{opacity:0;transform:translateY(6px)}}h1,h2{margin:0 0 6px;font-weight:600}.title{letter-spacing:.5px;font-size:clamp(40px,9vw,64px)}.paw{animation:2.4s ease-in-out infinite wiggle;display:inline-block}@keyframes wiggle{50%{transform:rotate(-14deg)translateY(-4px)}}.sub{opacity:.75;margin:0 0 12px}.fine{opacity:.6;margin-top:14px;font-size:13px}.err{color:#d14a6b;margin:8px 0 0}.btn{background:var(--pink);color:#fff;cursor:pointer;border:0;border-radius:99px;padding:13px 24px;font-size:17px;font-weight:600;transition:transform .12s;box-shadow:0 4px 14px #ff648c59}.btn:active{transform:scale(.95)}.btn.soft{color:var(--ink);box-shadow:var(--shadow);background:#fff}.btn.hidden{visibility:hidden}.link{opacity:.6;cursor:pointer;background:0 0;border:0;margin-top:10px;text-decoration:underline}.row{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:14px;display:flex}.home{text-align:center;width:min(720px,100%)}.home .stage{height:min(46vh,360px)}.stage{width:100%;position:relative}canvas.preview{touch-action:none;width:100%;height:100%;display:block}.hint{opacity:.55;font-size:13px;position:absolute;bottom:8px;left:12px}.card{box-shadow:var(--shadow);text-align:center;background:#ffffffeb;border-radius:24px;width:min(520px,100%);padding:26px 26px 22px}.card.paper{background:var(--paper)}.code{letter-spacing:2px;background:var(--pink-soft);-webkit-user-select:all;user-select:all;border-radius:16px;margin:14px 0 4px;padding:14px;font-size:clamp(26px,7vw,38px);font-weight:600}.code-input{text-align:center;letter-spacing:2px;text-transform:uppercase;border:2px solid var(--line);border-radius:14px;width:100%;margin-top:10px;padding:12px;font-size:24px}.letter-input{resize:none;border:2px solid var(--line);background:#fff;border-radius:14px;width:100%;height:220px;padding:14px;font-family:Caveat,cursive;font-size:26px;line-height:1.25}.count{opacity:.5;text-align:right;font-size:12px}.custom{grid-template-columns:1.1fr 1fr;width:min(1100px,100%);height:min(680px,100%);display:grid}.custom .stage{height:100%;min-height:280px}.panel{box-shadow:var(--shadow);background:#ffffffe6;border-radius:22px;padding:18px 20px;overflow-y:auto}.panel h2{font-size:24px}.lbl{text-transform:uppercase;letter-spacing:.07em;opacity:.55;margin:14px 0 6px;font-size:12px}.swatches{flex-wrap:wrap;gap:8px;display:flex}.sw{width:34px;height:34px;box-shadow:0 0 0 2px var(--line);cursor:pointer;border:3px solid #fff;border-radius:50%;padding:0}.sw.on{box-shadow:0 0 0 3px var(--pink);transform:scale(1.08)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{cursor:pointer;background:#fff1e8;border:0;border-radius:99px;padding:7px 13px;font-size:15px}.chip.on{background:var(--pink);color:#fff}.name{border:2px solid var(--line);border-radius:12px;width:100%;margin-bottom:14px;padding:9px 12px;font-size:18px;font-weight:600}@media (width<=760px){.screen{align-items:flex-start}.custom{grid-template-rows:300px auto;grid-template-columns:1fr;height:auto}.panel{margin-top:8px}}.envelope-wrap{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.env{cursor:pointer;filter:drop-shadow(0 10px 20px #96505033);width:300px;height:196px;transition:opacity .4s;animation:2.4s ease-in-out infinite bob;position:relative}.env.gone{opacity:0;pointer-events:none}@keyframes bob{50%{transform:translateY(-8px)rotate(-1deg)}}.env-back{background:#ffb5c3;border-radius:10px;position:absolute;inset:0}.env-flap{clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;z-index:3;background:#ff9fb3;height:108px;transition:transform .6s;position:absolute;top:0;left:0;right:0}.env.open .env-flap{z-index:0;transform:rotateX(180deg)}.env-front{clip-path:polygon(0 0,50% 55%,100% 0,100% 100%,0 100%);z-index:2;background:#ffc4cf;border-radius:10px;position:absolute;inset:0}.env-seal{z-index:4;font-size:34px;transition:opacity .3s;position:absolute;top:92px;left:50%;transform:translate(-50%,-50%)}.env.open .env-seal{opacity:0}.tap{text-align:center;opacity:.7;width:100%;font-size:18px;position:absolute;bottom:12%}.letter{opacity:0;pointer-events:none;background:var(--paper);border-radius:16px;width:min(480px,88%);max-height:86%;padding:28px 30px;transition:all .7s cubic-bezier(.2,1.4,.4,1);position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-30%)scale(.6);box-shadow:0 14px 40px #96505040}.letter.show{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.hand{white-space:pre-line;color:#6b4a3a;overflow-wrap:anywhere;min-height:140px;font-family:Caveat,cursive;font-size:28px;line-height:1.25}.letter .btn{margin-top:14px}.loading{text-align:center}.bounce{font-size:46px;animation:1s ease-in-out infinite bob}.toast{z-index:50;box-shadow:var(--shadow);text-align:center;background:#fff;border-radius:99px;max-width:90vw;padding:10px 18px;font-weight:500;transition:opacity .4s;animation:.3s fade;position:fixed;top:18px;left:50%;transform:translate(-50%)}.toast.out{opacity:0}#hud .top-left{top:max(12px, env(safe-area-inset-top));position:absolute;left:12px}#hud .top-right{top:max(12px, env(safe-area-inset-top));flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;right:12px}.piggy{box-shadow:var(--shadow);background:#fff;border-radius:99px;align-items:center;gap:6px;padding:8px 16px 8px 10px;font-size:22px;font-weight:600;display:flex}.piggy .pig{display:inline-flex}.fish.gold,.gold-fish{filter:sepia()saturate(5)hue-rotate(-12deg)brightness(1.08)}.piggy.bump{animation:.45s cubic-bezier(.3,1.8,.5,1) bump}@keyframes bump{40%{transform:scale(1.18)rotate(-3deg)}}.partner{box-shadow:var(--shadow);background:#ffffffd9;border-radius:99px;padding:6px 14px;font-size:14px}.partner.on{color:#c2456b;background:#fff}.icons{gap:6px;display:flex}.icon{width:42px;height:42px;box-shadow:var(--shadow);cursor:pointer;background:#fff;border:0;border-radius:50%;font-size:20px}.icon:active,.emote:active{transform:scale(.9)}.action{left:50%;bottom:max(22px, env(safe-area-inset-bottom));background:var(--pink);color:#fff;cursor:pointer;border:0;border-radius:99px;padding:14px 26px;font-size:19px;font-weight:600;animation:1.6s ease-in-out infinite pulse;position:absolute;transform:translate(-50%);box-shadow:0 6px 18px #ff648c66}.action.hidden{display:none}@keyframes pulse{50%{transform:translate(-50%)scale(1.05)}}.emotes{right:12px;bottom:max(18px, env(safe-area-inset-bottom));flex-direction:column;gap:8px;display:flex;position:absolute}.emote{width:50px;height:50px;box-shadow:var(--shadow);cursor:pointer;background:#fff;border:0;border-radius:50%;font-size:24px}.net{box-shadow:var(--shadow);background:#fff8d6;border-radius:99px;padding:6px 14px;font-size:14px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.net.hidden{display:none}.modal{background:#5a463640;justify-content:center;align-items:center;padding:16px;animation:.25s fade;display:flex;position:absolute;inset:0}.modal-card{max-height:90vh;position:relative;overflow-y:auto}.close{opacity:.5;cursor:pointer;background:0 0;border:0;font-size:18px;position:absolute;top:10px;right:12px}@media (width<=600px){.piggy{padding:6px 12px 6px 8px;font-size:18px}.partner{font-size:12px}.action{bottom:max(84px, env(safe-area-inset-bottom));padding:12px 20px;font-size:17px}.emotes{left:50%;right:auto;bottom:max(16px, env(safe-area-inset-bottom));flex-direction:row;transform:translate(-50%)}}.c4{background:#5a46362e;justify-content:center;align-items:center;padding:16px;animation:.25s fade;display:flex;position:absolute;inset:0}.c4-card{box-shadow:var(--shadow);text-align:center;background:#fff;border-radius:26px;width:min(440px,100%);padding:18px 20px 16px}.c4-head{justify-content:center;align-items:center;gap:6px;font-size:17px;font-weight:600;display:flex}.c4-chip{border-radius:50%;width:16px;height:16px;display:inline-block;box-shadow:inset 0 -2px #00000026}.c4-status{opacity:.8;min-height:22px;margin:8px 0 12px}.c4-status.turn{color:#c2456b;opacity:1;font-weight:600;animation:.6s bump}.c4-board{background:#5a8be8;border-radius:18px;padding:10px;position:relative}.c4-grid{grid-template-columns:repeat(7,1fr);gap:7px;display:grid}.c4-cell{aspect-ratio:1;background:#ffe9ee;border-radius:50%;box-shadow:inset 0 3px #0000001f}.c4-cell.filled{animation:.35s cubic-bezier(.3,1.4,.5,1) drop;box-shadow:inset 0 -4px #00000026}@keyframes drop{0%{transform:translateY(-120px)}}.c4-cols{grid-template-columns:repeat(7,1fr);gap:7px;display:grid;position:absolute;inset:10px}.c4-col{cursor:default;background:0 0;border:0;border-radius:12px}.c4-col.live{cursor:pointer}.c4-col.live:hover{background:#ffffff38}.c4-card .btn{margin-top:12px}.meter{left:50%;bottom:max(96px, env(safe-area-inset-bottom));width:min(420px,88vw);box-shadow:var(--shadow);text-align:center;cursor:pointer;background:#fff;border-radius:22px;padding:12px 16px 16px;animation:.4s bump;position:absolute;transform:translate(-50%)}.meter-title{margin-bottom:10px;font-weight:600}.meter-track{background:#e9f6ff;border-radius:99px;height:34px;position:relative;overflow:visible}.meter-zone{background:#ffb5c3;border-radius:99px;position:absolute;top:0;bottom:0;box-shadow:inset 0 0 0 3px #ff7a9c}.meter-cursor{font-size:30px;position:absolute;top:50%;transform:translate(-50%,-50%)scaleX(-1)}.meter.hit{background:#eafff0}.meter.missed{background:#fff0f0}.journal{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:8px;display:grid}.jfish{background:#fff6ef;border-radius:16px;padding:10px 6px}.jfish.unknown{opacity:.55}.jemoji{font-size:34px}.jname{font-size:14px;font-weight:600}.jcount{opacity:.7;font-size:12px}.meters{box-shadow:var(--shadow);background:#ffffffeb;border-radius:16px;width:150px;margin-top:8px;padding:7px 10px}.mrow{align-items:center;gap:6px;margin:2px 0;display:flex}.micon{text-align:center;width:18px;font-size:14px}.mbar{background:#f3ebe4;border-radius:99px;flex:1;height:9px;overflow:hidden}.mfill{border-radius:99px;height:100%;transition:width .6s}.mfill.food{background:#ffb38a}.mfill.water{background:#8fd3ff}.mfill.potty{background:#c9a27e}.mrow.low .micon{animation:1s ease-in-out infinite wiggle}.mrow.low .mfill{background:#ff7a9c}@media (width<=600px){.meters{width:120px;padding:5px 8px}}.note-input{resize:none;border:2px solid var(--line);background:#fff;border-radius:14px;width:100%;height:110px;padding:12px;font-family:Caveat,cursive;font-size:24px}.scrap-title{margin:16px 0 6px;font-size:17px}.notes{text-align:left;flex-direction:column;gap:8px;display:flex}.note{background:#fff6ef;border-radius:14px;padding:9px 12px}.note.mine{background:#eef7ff}.note.new{box-shadow:0 0 0 2px var(--pink)}.note-meta{opacity:.6;font-size:12px}.note-text{white-space:pre-line;overflow-wrap:anywhere;font-family:Caveat,cursive;font-size:22px;line-height:1.2}.shop-card{width:min(620px,100%)}.shop-section h3{text-align:left;margin:14px 0 6px;font-size:16px}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.shop-item{background:#fff6ef;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;display:flex}.shop-item.house{background:#fde7ec;margin-top:6px}.shop-item.owned{opacity:.6}.si-emoji{font-size:32px}.si-name{font-size:14px;font-weight:600}.si-buy{padding:7px 14px;font-size:14px}.si-buy:disabled{opacity:.45;box-shadow:none}.si-owned{color:#3c9a5f;font-size:13px;font-weight:600}.si-why{opacity:.6;font-size:11px}.ttt-grid{background:#ffd9e2;border-radius:18px;grid-template-columns:repeat(3,1fr);gap:8px;width:min(300px,80vw);margin:0 auto;padding:10px;display:grid}.ttt-cell{aspect-ratio:1;cursor:default;background:#fff;border:0;border-radius:14px;font-size:40px}.ttt-cell.live{cursor:pointer}.ttt-cell.live:hover{background:#fff3f6}.game-pick{min-width:150px}.bs-card{width:min(380px,100%)}.bs-label{text-transform:uppercase;letter-spacing:.06em;opacity:.55;margin:8px 0 4px;font-size:12px}.bs-grid{background:#8fc9f0;border-radius:14px;grid-template-columns:repeat(6,1fr);gap:4px;padding:6px;display:grid}.bs-cell{aspect-ratio:1;cursor:default;border:0;border-radius:8px;padding:0;font-size:17px}.bs-cell.sea{background:#d8efff}.bs-cell.boat{background:#fff1d6}.bs-cell.hit{background:#ffd0c4}.bs-cell.miss{background:#b9dcf5}.bs-cell.live{cursor:pointer}.bs-cell.live:hover{background:#fff}