.little-game{max-width:1050px;margin:10px auto 45px;padding:5px 28px 30px}.little-title{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:25px}.little-title h1{font-size:50px;margin:8px 0}.little-title p{font-size:13px;max-width:590px;color:#4b6c7c}.little-pocket{font-size:11px;white-space:nowrap;background:#fff1bb;border:1px solid #dec56f;padding:10px 14px;border-radius:25px;align-self:flex-start;margin-top:10px}.post-layout{display:grid;grid-template-columns:260px 1fr;gap:35px;align-items:start}.post-notes{padding:20px;background:#f2f8df;border:1px solid #c6d6a4;border-radius:20px}.post-notes ol{padding:0;list-style:none;margin:13px 0}.post-notes li{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px dashed #c1d0a8}.mail-friend{width:53px;flex-shrink:0}.mail-friend svg{display:block;width:100%}.post-notes li b{font:500 17px Fredoka,system-ui}.post-notes li small{display:block;font-size:8px;line-height:1.5}.post-notes li>span:last-child{margin-left:auto;font-size:19px;color:#84733f}.post-notes li.delivered>span:last-child{color:#28704c}.post-notes p{font-size:11px;line-height:1.8}.post-notes summary{font-size:11px;cursor:pointer;min-height:44px;padding-top:10px}.gate-guide{background:#fff2c1;border:1px solid #d7bf70;padding:10px;border-radius:10px}.post-status,.pairs-status{display:flex;justify-content:space-between;font-size:12px;margin:0 0 12px;padding-inline:7px}.post-status strong{font-weight:500}.garden-board{display:grid;grid-template-columns:repeat(var(--garden-cols),minmax(0,1fr));gap:5px;background:#8cba86;border:8px solid #8cba86;border-radius:22px;box-shadow:0 7px 0 #5e965d33;touch-action:manipulation;max-width:540px;margin:auto}.garden-cell{aspect-ratio:1.03;min-width:0;min-height:0;display:grid;place-items:center;padding:4px;position:relative;background:#dfedbb;border:1px solid #a8c991;border-radius:9px;overflow:hidden;color:#4c7552}.garden-cell:nth-child(3n){background:#cde4ad}.garden-cell:hover{background:#f8edb5}.garden-cell.on-route{background:#fff2bd;border-color:#dfbb62;box-shadow:inset 0 0 0 3px #ffe08d}.garden-cell.postman-here{background:#fff9df}.garden-cell>svg{width:95%;height:95%;max-width:90px;max-height:90px;position:relative;z-index:2}.garden-cell.stone{opacity:1;background:#adc49f}.garden-cell:disabled{opacity:1;cursor:default}.garden-grass{font-size:35px;color:#8bb86a}.letter-icon{font-size:34px;color:#ad4260;position:relative;line-height:1}.letter-icon b{position:absolute;right:-9px;top:-8px;background:#fffdf7;color:#983b54;border:1px solid #cc8ca0;border-radius:50%;font-size:13px;width:22px;height:22px;display:grid;place-items:center}.garden-key{font:50px Fredoka,system-ui,sans-serif;color:#bb8d29;line-height:1}.post-office{font-size:30px}.route-segment{position:absolute;left:7px;bottom:4px;z-index:3;font-size:9px;font-style:normal;color:#9f813c}.garden-cell.route-hint{outline:4px solid #ca3b61;outline-offset:0;animation:route-wiggle .7s ease-in-out 2}.little-controls{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:20px 0 10px}.little-controls button{font-size:11px;min-height:44px}.route-notice,.pairs-note{font-size:12px;min-height:42px;text-align:center;color:#45697b}.little-win{display:flex;align-items:center;flex-wrap:wrap;gap:15px 22px;border:1px solid #dfbe67;background:#fff0bb;border-radius:20px;padding:22px;margin:25px 0;position:relative}.little-win>span{width:45px;flex-shrink:0}.little-win>span svg{display:block;width:100%}.little-win h2{font-size:29px;margin:2px 0}.little-win p{font-size:12px;margin:6px 0}.little-win .primary{font-size:12px;margin-left:auto}.little-win>a{font-size:11px;width:100%;text-align:right}.pairs-status{max-width:690px;margin:0 auto 17px}.postcards-grid{display:grid;grid-template-columns:repeat(var(--card-cols),minmax(0,1fr));gap:15px;max-width:690px;margin:auto;padding:20px;border:1px solid #efc0cc;border-radius:24px;background:#ffe5ed}.postcard-tile{aspect-ratio:.86;min-width:0;min-height:75px;background:#c93656;color:#fff9e5;border:2px solid #b52a49;border-radius:14px;position:relative;padding:9px;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 4px 0 #ae3a5930;transition:transform .17s,background .17s}.postcard-tile:hover{background:#b62e4d;transform:translateY(-3px)}.postcard-tile.face-up{background:#fffdf7;color:#244e6b;border-color:#d69bab;transform:rotate(-1deg)}.postcard-tile:nth-child(2n).face-up{transform:rotate(1deg)}.postcard-tile.pair-kept{background:#e6f5d9;border-color:#87b58b;opacity:1}.pair-avatar{display:block;width:100%;max-width:115px}.pair-avatar svg{width:100%;display:block}.postcard-tile strong{font:500 22px Fredoka,system-ui}.pair-tick{position:absolute;right:8px;top:4px;color:#328559;font-size:15px}.card-back{width:70%;max-width:90px;display:block}.card-back svg{width:100%;height:95px;display:block}.card-back small{font-size:9px;color:#ffe2b5;display:block;line-height:1.4}.postcard-tile:disabled{opacity:1;cursor:default}#picnic-confetti{position:fixed;inset:0;pointer-events:none;z-index:50;overflow:hidden}.confetti-piece{position:absolute;left:var(--x);top:-24px;display:block;width:8px;height:11px;background:var(--colour);border-radius:var(--round);opacity:0;animation:falling-confetti 1.85s var(--delay) ease-in forwards}@keyframes falling-confetti{0%{opacity:0;transform:translateY(-20px) rotate(0)}10%{opacity:1}100%{opacity:0;transform:translate(var(--drift),100vh) rotate(var(--turn))}}@keyframes route-wiggle{25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}
@media(max-width:760px){.little-game{padding:4px 17px 25px}.little-title{display:block;margin-bottom:22px}.little-title h1{font-size:40px;margin-top:6px}.little-title .eyebrow{font-size:9px;letter-spacing:1px}.little-title p{font-size:12px;line-height:1.7}.little-pocket{display:inline-flex;margin-top:0;min-height:38px;font-size:10px}.post-layout{display:flex;flex-direction:column;gap:14px}.post-notes{padding:11px 12px;width:100%;order:0}.post-notes>.eyebrow{display:none}.post-notes ol{display:flex;gap:6px;margin:0}.post-notes li{flex:1;min-width:0;flex-direction:column;text-align:center;gap:0;padding:4px;border:0}.post-notes li>span:last-child{display:none}.mail-friend{width:45px}.post-notes li b{font-size:13px;line-height:1.4;display:block}.post-notes li small{font-size:7px}.post-notes>p{font-size:10px;margin:8px 0}.post-notes details{display:none}.post-notes .gate-guide{font-size:10px;padding:8px;margin-bottom:0}.post-board-area{width:100%}.garden-board{max-width:470px;border-width:6px;gap:4px;border-radius:17px}.garden-cell{border-radius:6px;padding:3px}.garden-cell>svg{width:100%;height:100%}.garden-cell.on-route{box-shadow:inset 0 0 0 2px #ffe08d}.letter-icon{font-size:27px}.letter-icon b{font-size:11px;width:18px;height:18px;right:-6px;top:-5px}.garden-key{font-size:38px}.little-controls{gap:7px;margin-top:17px}.little-controls button{font-size:10px;padding:9px 11px}.post-status,.pairs-status{font-size:11px}.route-notice,.pairs-note{font-size:10px;line-height:1.7}.little-win{padding:18px;gap:12px}.little-win h2{font-size:25px}.little-win p{font-size:11px}.little-win .primary{margin:5px 0;width:100%;font-size:11px}.little-win>a{text-align:center}.little-win>span{width:35px}.postcards-grid{gap:9px;padding:12px;border-radius:20px}.postcard-tile{padding:5px;border-radius:10px;aspect-ratio:.8;min-height:65px}.postcard-tile strong{font-size:16px}.card-back{width:80%}.card-back svg{height:65px}.card-back small{font-size:7px}.pair-tick{font-size:11px;right:5px;top:2px}}
@media(min-width:761px){body[data-game] .site-nav{padding-block:12px}.little-game{margin-top:0}.little-title{margin-bottom:15px}.little-title h1{font-size:38px;margin:4px 0}.little-title p{margin:6px 0;font-size:12px}.garden-board{max-width:clamp(290px,calc(100svh - 350px),540px)}.postcards-grid{max-width:480px}.postcards-grid.many-postcards{max-width:clamp(380px,calc((100svh - 350px)*1.1),540px)}.many-postcards .postcard-tile{aspect-ratio:1.15;min-height:68px;padding:6px}.many-postcards .pair-avatar{width:clamp(40px,6vh,60px)}.many-postcards .postcard-tile strong{font-size:14px;line-height:1.15}.many-postcards .card-back{width:45px}.many-postcards .card-back svg{height:38px}.many-postcards .card-back small{font-size:7px}}