:root{--offer-border: #386047;--offer-surface: #e4efda;--offer-ink: #254830;--offer-disabled-surface: #ece6d9}.picnic-navigation{max-width:1060px;margin:auto;padding:1rem 1rem 0}:root[data-theme=light] .eyebrow{color:#596147}:root[data-theme=dark]{color:#ecebda;background:#1b211b;--ink: #ecebda;--green: #a4c5a2;--pink: #e1a1ae;--line: #63725b;--paper: #2d352b;--picnic-muted: #c3c9b4;--picnic-panel: #303e2d;--offer-border: #bed68d;--offer-surface: #bed68d;--offer-ink: #203014;--offer-disabled-surface: #252c25}:root[data-theme=dark] body{background:radial-gradient(ellipse at 15% 0%,#39483088,transparent 48%),radial-gradient(ellipse at 95% 35%,#63453744,transparent 40%)}:root[data-theme=dark] button{border-color:var(--line)}:root[data-theme=dark] button:hover:not(:disabled){background:#3e493a}:root[data-theme=dark] button.primary{color:#172518;background:var(--green)}:root[data-theme=dark] button.primary:hover:not(:disabled){background:#bbd7b6}:root[data-theme=dark] button.quiet:hover:not(:disabled){background:#414c3666}:root[data-theme=dark] .eyebrow,:root[data-theme=dark] .small,:root[data-theme=dark] .section-note,:root[data-theme=dark] .notice,:root[data-theme=dark] summary,:root[data-theme=dark] .card .type,:root[data-theme=dark] .card:disabled .card-bottom{color:var(--picnic-muted)}:root[data-theme=dark] .host,:root[data-theme=dark] .host.active,:root[data-theme=dark] .card,:root[data-theme=dark] .result,:root[data-theme=dark] dialog{background:var(--paper);border-color:var(--line)}:root[data-theme=dark] .host.active{border-color:var(--green)}:root[data-theme=dark] .host strong,:root[data-theme=dark] .resource.coins b{color:#e4c77f}:root[data-theme=dark] .resource.charm b{color:var(--pink)}:root[data-theme=dark] .turn-panel,:root[data-theme=dark] .serving,:root[data-theme=dark] .card .card-bottom{background:var(--picnic-panel);border-color:var(--line)}:root[data-theme=dark] .resource{background:#222a20}:root[data-theme=dark] .card{box-shadow:0 3px #0a140a66}:root[data-theme=dark] .card .picture{background:linear-gradient(150deg,color-mix(in srgb,var(--accent) 25%,#263026),transparent);border-color:var(--line)}:root[data-theme=dark] .card .badge,:root[data-theme=dark] .played span{background:#263026eb}:root[data-theme=dark] .hand-section{background:#303e2d47;border-color:var(--line)}:root[data-theme=dark] .hand-section.pruning{background:#513a284d;border-color:#cd9b76}:root[data-theme=dark] .hand-section.pruning .card-bottom{background:#513c2d}:root[data-theme=dark] .storage-note{background:#403b27;border-color:#b09a68}:root[data-theme=dark] input[type=number],:root[data-theme=dark] textarea{background:#20271f;color:var(--ink)}:root[data-theme=dark] .curtain::backdrop{background:#1b211b}:root[data-theme=dark] #setup-error,:root[data-theme=dark] #import-message{color:#f3b9a6}:root .card.offer{border-width:2px}:root .card.offer:not(:disabled){border-color:var(--offer-border)}:root .card.offer:not(:disabled) .card-bottom{background:var(--offer-surface);color:var(--offer-ink);border-color:var(--offer-border)}:root .card.offer:disabled{border-style:dashed}:root .card.offer:disabled .card-bottom{background:var(--offer-disabled-surface);color:var(--ink)}.action-status{display:block;margin-bottom:.25rem;font-size:.78rem;font-weight:800}@media(max-width:440px){.picnic-navigation{padding:.75rem .75rem 0}}:root{font-family:ui-rounded,Trebuchet MS,system-ui,sans-serif;color:#403c36;background:#f1e7d0;font-synthesis:none;color-scheme:light;--green: #476a54;--ink: #403c36;--pink: #a55e65;--line: #d5c7aa;--paper: #fff9e9}*{box-sizing:border-box}.online-panel{margin-bottom:1rem;padding:.75rem;border:1px solid var(--line);border-radius:13px}#online-status{overflow-wrap:anywhere}body{margin:0;background:radial-gradient(ellipse at 15% 0%,#d8dfbe88,transparent 48%),radial-gradient(ellipse at 95% 35%,#e6c8b044,transparent 40%);min-height:100svh}button,input,textarea{font:inherit}button{cursor:pointer;border:1px solid #bbae93;border-radius:13px;background:var(--paper);color:var(--ink);min-height:44px;padding:.6rem .85rem;line-height:1.3;touch-action:manipulation}button:hover:not(:disabled){background:#fffdf6;border-color:var(--green)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:default;opacity:.55}button.primary{background:var(--green);color:#fff9e9;border-color:var(--green);font-weight:700}button.primary:hover:not(:disabled){background:#355942}button.quiet{background:transparent;border-color:transparent;font-size:.82rem}button.quiet:hover:not(:disabled){background:#fff9e966}a{color:var(--green)}:focus-visible{outline:3px solid #9c5671;outline-offset:3px}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,Times New Roman,serif;font-weight:500}h1{font-size:clamp(1.8rem,5vw,2.8rem);letter-spacing:-.05em;margin:0}h1 span{font-size:1.3rem;color:var(--pink);margin-left:.4em}h2{font-size:1.4rem;margin-bottom:.5rem}h3{font-size:1.15rem}.eyebrow{font-size:.65rem;text-transform:uppercase;letter-spacing:.13em;color:#6a7059;margin-bottom:.35rem}.small,.section-note{font-size:.8rem;color:#6a6255;line-height:1.5}.masthead,main{max-width:1060px;margin:auto;padding:1rem}.masthead{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:0}.masthead>button{flex-shrink:0}main>div>section{margin-bottom:1.2rem}.welcome{text-align:center;max-width:550px;margin:3rem auto;line-height:1.7}.welcome>div{display:flex;justify-content:center}.welcome svg{width:130px}.welcome .small{margin-top:1.1rem}.hosts{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.host{display:grid;grid-template-columns:55px 1fr auto;align-items:center;border:1px solid var(--line);border-radius:18px;padding:.4rem .65rem;background:#fffaed90;min-width:0}.host.active{border:2px solid var(--green);padding:calc(.4rem - 1px) calc(.65rem - 1px);background:#fffaed}.host svg{width:52px}.host h3{margin:0;font-size:1.2rem}.host p{font-size:.65rem;margin:.15rem 0 0}.host strong{font-size:1.45rem;color:#745b2a;white-space:nowrap}.host .star{font-size:.9rem}.turn-panel{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem;border-radius:16px;background:#e0e4cc;border:1px solid #c9d2b6}.turn-panel h2{margin-bottom:.25rem}.turn-panel p:last-child{margin:0;font-size:.82rem}.resources{display:flex;gap:.5rem;flex-shrink:0}.resource{background:#fff8e7;padding:.5rem .7rem;border-radius:13px;text-align:center;min-width:62px}.resource b{display:block;font-size:1.65rem}.resource span{font-size:.7rem}.resource.charm b{color:#a55e65}.resource.coins b{color:#917027}.notice{min-height:1.5em;font-size:.83rem;line-height:1.5;color:#596650;margin:.4rem .25rem .9rem}.section-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin:.6rem 0}.section-head h2{margin:0}.section-head .small{text-align:right}.section-note{margin:.3rem 0 .7rem}.cards{display:grid;gap:.65rem;align-items:stretch}.hand{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.market{grid-template-columns:repeat(5,minmax(0,1fr))}.guests{grid-template-columns:repeat(3,minmax(0,1fr))}.card{--accent: #c39268;position:relative;display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:0;overflow:hidden;min-width:0;border:1px solid #cbbb99;border-radius:17px;background:#fff9e9;box-shadow:0 3px #c5b69555;line-height:1.35;color:var(--ink)}.card.garden{--accent: #78956a}.card.friend{--accent: #ad7c88}.card:disabled{opacity:1;filter:saturate(.68)}.card:disabled .card-bottom{color:#81786a;background:#ede8dc}.card .picture{background:linear-gradient(150deg,color-mix(in srgb,var(--accent) 25%,#fff8e5),#fff3d900);position:relative;padding:4px 12px 0;display:flex;justify-content:center;border-bottom:1px solid #eee2c8}.picture svg{width:100%;max-width:105px;height:98px}.card .type{font-size:.61rem;letter-spacing:.07em;text-transform:uppercase;color:#655c4a;padding:.45rem .65rem 0}.card .name{font-family:Georgia,serif;font-weight:600;font-size:1.03rem;padding:.18rem .65rem .3rem;line-height:1.15;min-height:2.7em}.card .description{font-size:.72rem;padding:0 .65rem .6rem;flex:1}.card .card-bottom{display:block;padding:.5rem .65rem;background:#e9ebd6;font-size:.72rem;font-weight:700;min-height:2.7rem;border-top:1px solid #dad8bf}.card .badge{position:absolute;right:.4rem;top:.4rem;border-radius:12px;background:#fff9e9eb;padding:.22rem .4rem;font-size:.7rem;box-shadow:0 1px 4px #5e402522}.market-slot{display:flex;flex-direction:column;gap:.25rem;min-width:0}.market-slot>.card{flex:1;width:100%}.refresh{font-size:.7rem;min-height:44px;padding:.4rem .2rem}.hand .card{animation:arrive .16s ease-out}.hand-section{padding:.8rem;border:1px dashed #bcbea0;border-radius:18px;background:#fff8e647}.hand-section .section-head{margin-top:0;flex-wrap:wrap}.hand-section .section-head>button{font-size:.82rem}.hand-section.pruning{border:2px dashed #a46c57;background:#f5dfc94d}.hand-section.pruning .card-bottom{background:#edc5ad}.serving{position:sticky;top:6px;z-index:3;box-shadow:0 3px 12px #403c3620;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem 1rem;background:#e0e4cc;border-radius:14px}.serving p{white-space:pre-line;margin:0;font-size:.8rem}.serving button{flex-shrink:0}.played{display:flex;flex-wrap:wrap;gap:.35rem;margin:.6rem 0}.played span{padding:.35rem .55rem;border:1px solid var(--line);background:#fff9e985;border-radius:20px;font-size:.75rem}.played-details{margin-bottom:1rem}summary{cursor:pointer;min-height:44px;align-content:center;font-size:.82rem;color:#625d50}details{margin:.3rem 0 .8rem}#bot-controls{display:flex;flex-wrap:wrap;gap:.5rem}.journal ol{font-size:.8rem;line-height:1.6;padding-left:1.3rem}.result{text-align:center;background:#fff7e7;border:2px solid #b3bd96;border-radius:22px;padding:1.5rem}.result h2{font-size:2rem}.result .breakdown{display:inline-block;text-align:left;margin:.6rem 1rem;line-height:1.8;font-size:.85rem}.storage-note{padding:.8rem;border:1px solid #bc8661;border-radius:12px;background:#fff1d7;font-size:.83rem}footer{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center;justify-content:center;border-top:1px solid var(--line);margin-top:1.5rem;padding-top:.6rem}dialog{border:1px solid #bfb291;border-radius:23px;background:#fff8e9;color:var(--ink);width:min(620px,calc(100% - 24px));max-height:calc(100svh - 32px);padding:1.35rem;box-shadow:0 18px 80px #27352655;overscroll-behavior:contain}dialog::backdrop{background:#304132aa;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}dialog h2{font-size:1.7rem}dialog p,dialog li{font-size:.88rem;line-height:1.65}dialog button{margin:.25rem .2rem .25rem 0}dialog label{display:block;font-size:.86rem;margin:.6rem 0}fieldset{border:1px solid var(--line);border-radius:12px;margin:.9rem 0;padding:.8rem}legend{font-size:.85rem}.choice{display:flex;align-items:center;gap:.65rem;min-height:44px}.choice input{width:20px;height:20px;accent-color:var(--green);flex-shrink:0}input[type=number]{width:100%;padding:.65rem;border:1px solid var(--line);border-radius:9px;background:#fff}textarea{width:100%;padding:.7rem;resize:vertical;min-height:150px;border:1px solid var(--line);border-radius:10px;font-family:ui-monospace,monospace;font-size:.75rem;background:#fffcf4}.dialog-actions{display:flex;gap:.5rem;margin-top:.8rem}.curtain{text-align:center;width:min(450px,calc(100% - 24px));padding:1.5rem}.curtain::backdrop{background:#dce1c6;-webkit-backdrop-filter:none;backdrop-filter:none}.curtain svg{width:145px}.curtain h2{font-size:2rem}.curtain .primary{min-width:180px}.curtain .small{margin-top:1rem;font-size:.72rem}.rules{padding-left:1.4rem}.rules li{margin-bottom:.7rem}#collections section{border-top:1px solid var(--line);margin:1rem 0;padding-top:.8rem}#collections ul{padding-left:1.2rem;font-size:.84rem;line-height:1.7}#setup-error,#import-message{color:#954f42}.eyes{animation:blink 9s infinite;transform-origin:center;transform-box:fill-box}@keyframes blink{0%,45%,48%,to{transform:scaleY(1)}46%,47%{transform:scaleY(.1)}}@keyframes arrive{0%{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.market,.guests{grid-template-columns:repeat(3,minmax(0,1fr))}.guests .name{font-size:.95rem}.guests .description{font-size:.7rem}.guests .picture{padding:4px 0 0}.guests .picture svg{height:80px}.host{grid-template-columns:38px 1fr auto;gap:.15rem;padding:.45rem}.host.active{padding:calc(.45rem - 1px)}.host svg{width:38px}.host h3{font-size:1.05rem}.host strong{font-size:1.2rem}.host p{font-size:.59rem}.turn-panel{gap:.5rem;padding:.65rem}.turn-panel h2{font-size:1.25rem}.resource{padding:.4rem .45rem;min-width:49px}.resource b{font-size:1.35rem}.resources{gap:.3rem}}@media(max-width:440px){.masthead,main{padding:.75rem}.masthead{padding-bottom:0;gap:.4rem}.eyebrow{font-size:.57rem}.masthead>.quiet{padding:.4rem;max-width:65px;font-size:.75rem}h1{font-size:1.9rem}h1 span{display:none}.cards{gap:.5rem}.market,.hand,.guests{grid-template-columns:repeat(2,minmax(0,1fr))}.guests>.card:last-child{grid-column:1/-1;display:grid;grid-template-columns:100px 1fr}.guests>.card:last-child .picture{grid-row:1/5;align-items:center}.guests>.card:last-child .name{min-height:0}.guests>.card:last-child .badge{left:.3rem;right:auto}.guests>.card:last-child .type{padding-top:.6rem}.guests>.card:last-child .card-bottom{grid-column:2}.section-head h2{font-size:1.22rem}.hand-section .section-head h2{flex-basis:100%}.section-head .small{font-size:.66rem;max-width:95px}.serving{align-items:stretch;flex-direction:column}.serving button{width:100%}.host strong .star{font-size:.65rem}.hand-section{padding:.6rem}.card .description{min-height:3.5em}.turn-panel{align-items:flex-start}.turn-panel p:last-child{font-size:.75rem}.hosts{gap:.4rem}.host p{line-height:1.4}.welcome{margin:1.5rem auto}.welcome svg{width:115px}footer{gap:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.game-lobby{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.9rem}.game-lobby>label,.game-lobby .invite-qr{flex:1 1 100%;min-width:0;margin:0}.game-lobby input,.game-lobby select{display:block;box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:.5rem;margin-top:.4rem;font:inherit;background:var(--surface, var(--paper));color:var(--text, var(--ink));border:1px solid var(--line);border-radius:8px}.game-lobby .connection-notice{flex:1 1 100%;line-height:1.5;margin:0}.game-lobby[data-playing=true] .connection-notice{flex:1 1 12rem}.game-lobby .invite-qr img{display:block;max-width:min(100%,200px);height:auto}.game-lobby .invite-qr figcaption{margin-top:.4rem}