/* Sunny paper, rose-backed cards and mint picnic cloth. */
:root{--rose:#d85d92;--ink:#234f41;--cream:#fffdf3;--zone-accent:#3fadd4}
button{transition:background .18s,box-shadow .18s,transform .18s}button:focus-visible,select:focus-visible{outline:3px solid #215c9e;outline-offset:4px}button:active:not(:disabled){transform:translateY(2px)}
body{background:radial-gradient(ellipse at 90% 0,#fff3c4 0,transparent 36rem),linear-gradient(#d9f1fc,#f1f8e8 40rem)}
.park-heading h1,.picnic-hero h1{letter-spacing:-.045em}.park-heading .eyebrow{color:#397052;letter-spacing:.16em}
.park-stage{border:5px solid #fffdf4;box-shadow:0 12px 30px #38634718,0 3px 0 #90ab71}.park-route{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.park-route path{fill:none;stroke:#fff9c9d9;stroke-width:2.5;stroke-dasharray:2 1;stroke-linecap:round}
.park-station{box-shadow:0 5px 0 #6b8c5652,0 7px 12px #33513218}.park-station.station-done .station-number{background:#347a51;color:white}.park-station.current .station-number{background:var(--zone-accent);color:#122e27}.park-console{border-top:4px solid var(--zone-accent);box-shadow:0 8px 22px #355c3610}.stamp-count{transform:rotate(2deg);box-shadow:0 4px 0 #c6af6828}.park-shop-door{border-radius:14px;box-shadow:0 5px 0 #84552155}
.picnic-invite{display:flex;align-items:center;gap:22px;margin:24px auto;max-width:1000px;padding:22px 26px;border:2px solid #e4a7bd;border-radius:24px;background:linear-gradient(115deg,#fff5ea,#ffe8ef);box-shadow:0 7px 0 #c98fa419}.picnic-invite h2{font-size:1.7rem;letter-spacing:-.04em;margin:0}.picnic-invite p{margin:5px 0}.picnic-invite .eyebrow{color:#954867;font-size:.72rem}.picnic-invite .primary{margin-left:auto;flex-shrink:0}.picnic-mini-cards{width:100px;height:85px;position:relative;flex-shrink:0}.picnic-mini-cards i{position:absolute;top:10px;left:20px;width:49px;height:65px;display:grid;place-items:center;border:3px solid white;border-radius:9px;background:#df82a6;color:white;font-size:24px;box-shadow:0 3px 8px #7641522a;font-style:normal;font-weight:800}.picnic-mini-cards i:first-child{transform:rotate(-20deg);left:2px;background:#559c8e}.picnic-mini-cards i:last-child{transform:rotate(20deg);left:45px;background:#f1b94c;color:#523c1e}
.picnic-hero{position:relative;min-height:330px;border:4px solid white;border-radius:30px;background:#caeaf8 url('/card-picnic.png') center 48%/cover;overflow:hidden;box-shadow:0 9px 25px #315c3317;margin-bottom:24px;display:flex;align-items:center;padding:34px}.picnic-hero>div{max-width:42%;background:#fffef0ee;padding:22px;border-radius:20px}.picnic-hero h1{font-size:clamp(2.2rem,5vw,4rem);margin:8px 0;color:var(--ink)}.picnic-hero p{line-height:1.5}.picnic-hero .eyebrow{font-size:.72rem;color:#567454}.picnic-hero .pill{font-size:.8rem}
.picnic-lobby-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:22px}.picnic-setup{margin:0!important;padding:26px}.picnic-setup h2{font-size:1.6rem;margin-top:0}.picnic-selects{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.picnic-selects label,.picnic-size{font-weight:700;font-size:1rem}.picnic-selects select,.picnic-size select{display:block;width:100%;margin-top:7px;min-height:48px;padding:10px;font-size:16px}.picnic-modes{display:grid;gap:12px;margin:18px 0}.picnic-modes label{display:flex;gap:12px;padding:16px;border:2px solid #cfddc5;border-radius:16px;background:#f9fbf3;cursor:pointer}.picnic-modes label:has(input:checked){border-color:#428b68;background:#ecf6e2;box-shadow:0 3px 0 #b4cba6}.picnic-modes input,.picnic-review input{flex:none;width:21px;height:21px;accent-color:#2d8056}.picnic-modes b,.picnic-modes small{display:block}.picnic-modes b{font-size:1.12rem}.picnic-modes small{margin-top:5px;font-size:.95rem;line-height:1.5;color:#4d6856}.picnic-review{display:flex;align-items:center;gap:10px;margin-top:20px}.picnic-setup>#cardStart,.picnic-setup>#cardResume{width:100%;min-height:50px;margin:8px 0}.picnic-companion{text-align:center;margin:0!important;height:max-content;background:#fffae9!important}.picnic-companion .dog{margin:10px auto;width:150px;height:150px}.picnic-companion h2{font-size:1.7rem}.picnic-companion>p{line-height:1.7}
.picnic-totals{display:flex;justify-content:center;gap:14px;margin:18px 0}.picnic-totals>div{flex:1;border:1px solid #d4dfc7;border-radius:16px;padding:15px 8px;background:#f6f9ed}.picnic-totals b,.picnic-totals span{display:block}.picnic-totals b{font-size:1.8rem;line-height:1.3;color:#377653}.picnic-totals span{font-size:.86rem;line-height:1.5;margin-top:4px}
.picnic-top{display:flex;justify-content:space-between;align-items:center;gap:10px;max-width:860px;margin:0 auto 16px;flex-wrap:wrap}.picnic-top>span{font-size:.9rem;font-weight:700;color:#426b56}.picnic-arena{max-width:860px;margin:auto;border:4px solid white;border-radius:28px;padding:26px;background:repeating-linear-gradient(90deg,#e9f3e37a 0 25px,#ffffff40 25px 50px),repeating-linear-gradient(0deg,#d9e8d6 0 25px,#e9f2df 25px 50px);box-shadow:0 8px 30px #365b3f1c}.picnic-round-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.picnic-round-heading h1{font-size:clamp(1.55rem,3vw,2.2rem);letter-spacing:-.04em;margin:7px 0}.picnic-round-heading .eyebrow{font-size:.74rem}.picnic-score{background:#fffdf0;border:2px solid #d5b865;padding:10px 16px;border-radius:17px;text-align:center;flex:none;box-shadow:0 3px #ccbd902b}.picnic-score b,.picnic-score span{display:block}.picnic-score b{font-size:1.6rem;color:#6a551d}.picnic-score span{font-size:.78rem}.picnic-progress{height:8px;background:#b9ccb5;border-radius:20px;overflow:hidden;margin:18px 0 23px}.picnic-progress>span{display:block;height:100%;background:#31865e;border-radius:20px;transition:width .25s}
.picnic-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;perspective:1000px}.picnic-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:143px;padding:17px 10px;border:4px solid #fff8fb;border-radius:18px;background:#d96a96;box-shadow:0 5px 0 #ad5374,0 7px 12px #57492d1c;overflow:hidden;color:var(--ink);isolation:isolate;touch-action:manipulation}.picnic-card:hover:not(:disabled){background:#c95d88;transform:translateY(-3px);box-shadow:0 8px 0 #ad5374}.card-back-pattern{position:absolute;inset:6px;border:1px solid #ffeaf1b3;border-radius:10px;background:radial-gradient(#fff6 1.5px,transparent 1.5px) 0 0/15px 15px;z-index:-1}.picnic-card img{width:100%;max-width:140px;object-fit:contain;background:#fff;padding:5px;border-radius:7px;box-shadow:0 2px 0 #9241603b}.card-index{position:absolute;bottom:9px;left:12px;font-size:.74rem;color:#fff;font-weight:800}.picnic-card.face-up{background:#fffdf5;border-color:white;box-shadow:0 5px 0 #b2c6a1;animation:picnic-flip .23s ease-out}.picnic-card.face-up:hover:not(:disabled){background:#fff8df;box-shadow:0 8px 0 #b2c6a1}.picnic-card small{font-size:.66rem;font-weight:800;letter-spacing:.12em;color:#657558}.picnic-card b{font-size:clamp(1rem,1.8vw,1.25rem);font-weight:750;line-height:1.45;overflow-wrap:anywhere}.picnic-card.card-picked{border-color:#e1b33e;background:#fff3c2;box-shadow:0 5px 0 #be9c48}.picnic-card:disabled{opacity:1}.picnic-card.pair-found{background:#dff1d2;border-color:#9bc083;box-shadow:0 4px 0 #80a969}.pair-tick{position:absolute;right:7px;top:7px;border-radius:50%;background:#317d50;color:white;width:19px;height:19px;font-size:12px;display:grid;place-items:center}
.picnic-feedback{background:#fffef6;border:1px solid #c8d8ba;border-radius:18px;margin-top:24px;padding:17px 20px;line-height:1.65}.picnic-feedback:focus{outline:2px solid #99b881;outline-offset:2px}.picnic-feedback h2{font-size:1.15rem;margin:0 0 5px}.picnic-feedback p{margin:6px 0}.picnic-cheer{display:flex;align-items:center;gap:12px}.picnic-cheer .dog{width:70px;height:70px;flex:none}.picnic-cheer p{font-size:.95rem}.picnic-word{padding:9px 12px;border-radius:10px;background:#ecf6e2}.picnic-feedback blockquote{border-left:3px solid #95b770;margin:12px 0;padding:8px 12px;font-size:1rem;line-height:1.75}.picnic-feedback>.primary{width:100%;min-height:48px;margin-top:12px}.picnic-footer{display:flex;justify-content:space-between;gap:10px;margin:18px 0 0;font-size:.85rem;color:#476042}.picnic-result{text-align:center;max-width:680px;margin:auto!important;padding:28px}.picnic-result .dog{width:130px;height:130px;margin:auto}.picnic-result h1{font-size:clamp(1.8rem,5vw,2.7rem);letter-spacing:-.04em}.picnic-ribbon{color:#d6aa37;letter-spacing:18px;font-size:25px}.picnic-reward{padding:14px;background:#fff0bf;border:1px solid #e6cf78;border-radius:14px;font-size:1.1rem;font-weight:750}.picnic-word-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:left}.picnic-word-list>div{padding:13px;border-radius:13px;background:#edf4e6;overflow-wrap:anywhere}.picnic-word-list b,.picnic-word-list span{display:block}.picnic-word-list span{margin-top:5px}.picnic-result-actions{display:grid;gap:10px;margin-top:25px}.picnic-result-actions button{min-height:48px}
@keyframes picnic-flip{from{transform:rotateY(-70deg);opacity:.6}to{transform:rotateY(0);opacity:1}}
@media(max-width:650px){.picnic-invite{padding:18px 15px;gap:12px;flex-wrap:wrap}.picnic-invite>div:nth-child(2){flex:1}.picnic-invite h2{font-size:1.45rem}.picnic-invite p{font-size:.9rem}.picnic-invite .primary{width:100%;min-height:48px}.picnic-mini-cards{width:82px;transform:scale(.85);transform-origin:left center}.picnic-hero{min-height:310px;padding:14px;align-items:flex-end;background-position:61% 45%;border-radius:23px}.picnic-hero>div{max-width:65%;padding:12px;background:#fffef1ed}.picnic-hero h1{font-size:2rem}.picnic-hero p{font-size:.85rem;margin:6px 0}.picnic-hero .eyebrow{font-size:.6rem}.picnic-hero .pill{font-size:.7rem}.picnic-lobby-grid{grid-template-columns:1fr}.picnic-setup{padding:19px}.picnic-companion{padding:20px}.picnic-selects{gap:10px}.picnic-selects label{font-size:.9rem}.picnic-selects select{padding:8px}.picnic-top{gap:6px}.picnic-top button{font-size:.82rem;padding:9px}.picnic-top>span{flex-basis:100%;order:-1}.picnic-arena{padding:13px 10px;border-width:3px;border-radius:22px}.picnic-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.picnic-card{min-height:117px;padding:16px 5px;border-width:2px;border-radius:13px}.picnic-card b{font-size:1rem}.picnic-card small{font-size:.58rem}.picnic-card img{padding:3px}.picnic-round-heading{gap:8px}.picnic-round-heading h1{font-size:1.5rem}.picnic-score{padding:9px}.picnic-score b{font-size:1.25rem}.picnic-score span{font-size:.7rem}.picnic-feedback{padding:15px 12px}.picnic-feedback h2{font-size:1.05rem}.picnic-cheer .dog{width:52px;height:52px}.picnic-cheer{gap:7px}.picnic-footer{font-size:.74rem}.picnic-word-list{grid-template-columns:1fr}.picnic-result{padding:20px}.picnic-progress{margin:13px 0 18px}.picnic-round-heading .eyebrow{font-size:.65rem}.picnic-totals{gap:7px}.picnic-totals b{font-size:1.55rem}.picnic-totals span{font-size:.76rem}body[data-screen^=cards] main{padding-bottom:100px}}
@media(max-width:360px){.picnic-board{grid-template-columns:repeat(2,minmax(0,1fr))}.picnic-card{min-height:106px}.picnic-hero>div{max-width:75%}.picnic-selects{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.picnic-card,.picnic-progress>span,button{animation:none!important;transition:none!important}.stamp-count{transform:none}.picnic-cheer .dog,.picnic-result .dog{animation:none!important}}
.reduce-motion .picnic-card,.reduce-motion .picnic-progress>span,.reduce-motion .picnic-cheer .dog,.reduce-motion .picnic-result .dog{animation:none!important;transition:none!important}
@media(max-width:650px){.park-stage.park-overview{aspect-ratio:3/2;min-height:0}.park-overview .park-station{min-height:38px;padding:4px 2px}.park-overview .park-station>span{font-size:.7rem}.park-overview .park-walker{width:44px;height:44px}.park-shop-door{min-height:38px;padding:5px 12px;font-size:.8rem}}