@layer reset{*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,p,ol,fieldset{margin:0}fieldset{border:0;min-width:0;padding:0}button,input{font:inherit}img{max-width:100%;display:block}[hidden]{display:none!important}}@layer tokens{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-canvas:#f7f2e9;--color-surface:#fffdf8;--color-surface-warm:#fceddf;--color-ink:#20231f;--color-muted:#62665f;--color-accent:#ae351f;--color-accent-hover:#8f2919;--color-accent-soft:#f1c3ae;--color-leaf:#315a46;--color-leaf-soft:#dfe9e1;--color-line:#d9d2c6;--color-error:#8b1e12;--color-error-soft:#f9e2dc;--shadow-card:0 1.25rem 3.5rem #3e2d1e1f;--shadow-focus:0 0 0 .25rem #ae351f3d;--radius-sm:.75rem;--radius-md:1.25rem;--radius-lg:2rem;--page-gutter:clamp(1rem, 4vw, 3rem);--content-width:74rem}}@layer base{body{background:radial-gradient(circle at 8% 12%, #f1c3ae61, transparent 23rem), var(--color-canvas);min-width:20rem;min-height:100vh;color:var(--color-ink);text-rendering:optimizelegibility;flex-direction:column;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;display:flex}main{flex:1}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:.08em}:where(a,button,input):focus-visible{outline:.2rem solid var(--color-accent);outline-offset:.2rem}h1,h2{text-wrap:balance;font-family:Georgia,Times New Roman,serif;font-weight:600;line-height:1.04}}@layer components{.skip-link{z-index:20;border-radius:var(--radius-sm);background:var(--color-ink);color:var(--color-surface);padding:.65rem .9rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-header,main,.site-footer{width:min(100%, calc(var(--content-width) + (2 * var(--page-gutter))));padding-inline:var(--page-gutter);margin-inline:auto}.site-header{align-items:center;min-height:4.75rem;display:flex}.brand{border-radius:var(--radius-sm);color:var(--color-ink);letter-spacing:-.01em;align-items:center;gap:.7rem;font-size:1rem;font-weight:780;text-decoration:none;display:inline-flex}.brand__mark{background:var(--color-accent);color:#fff;letter-spacing:.04em;border-radius:50%;place-items:center;width:2.5rem;height:2.5rem;font-family:Georgia,Times New Roman,serif;font-size:.85rem;display:grid}.eyebrow{color:var(--color-leaf);letter-spacing:.13em;text-transform:uppercase;font-size:.75rem;font-weight:820}.setup-view{align-items:center;gap:clamp(2rem,6vw,5.5rem);padding-block:clamp(2rem,7vw,6rem);display:grid}.setup-intro{max-width:39rem}.setup-intro h1{letter-spacing:-.06em;max-width:12ch;margin-top:.85rem;font-size:clamp(3rem,10vw,6.25rem)}.setup-intro h1 span{color:var(--color-accent)}.setup-intro__lede{max-width:34rem;color:var(--color-muted);margin-top:1.4rem;font-size:clamp(1rem,2vw,1.18rem)}.mini-steps{color:var(--color-muted);gap:.65rem;margin-top:2rem;padding:0;font-size:.92rem;list-style:none;display:grid}.mini-steps li{align-items:center;gap:.65rem;display:flex}.mini-steps li:before{background:var(--color-accent);content:"";border-radius:50%;flex:none;width:.55rem;height:.55rem}.mini-steps strong{color:var(--color-ink)}.setup-panel{border-radius:var(--radius-lg);width:min(100%,34rem);box-shadow:var(--shadow-card);background:#fffdf8f0;border:.0625rem solid #ae351f29;margin-inline:auto;padding:clamp(1.25rem,5vw,2.25rem)}.setup-panel__heading h2{letter-spacing:-.04em;margin-top:.55rem;font-size:clamp(2rem,7vw,2.8rem)}.setup-panel__heading>p:last-child{color:var(--color-muted);margin-top:.75rem}.control-group{margin-top:1.8rem}.control-group legend{font-size:1rem;font-weight:780}.control-hint{color:var(--color-muted);margin-top:.25rem;font-size:.84rem}.choice-grid,.filter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin-top:.8rem;display:grid}.choice-option,.filter-option{border:.0625rem solid var(--color-line);border-radius:var(--radius-sm);min-width:0;min-height:3.65rem;color:var(--color-muted);cursor:pointer;text-align:center;background:#fff;place-items:center;transition:border-color .18s,background-color .18s,color .18s,transform .18s;display:grid;position:relative}.choice-option:hover,.filter-option:hover{border-color:var(--color-accent);transform:translateY(-.1rem)}:is(.choice-option:has(input:checked),.filter-option:has(input:checked)){border-color:var(--color-accent);background:var(--color-surface-warm);color:var(--color-ink);box-shadow:inset 0 0 0 .0625rem var(--color-accent)}:is(.choice-option:has(input:focus-visible),.filter-option:has(input:focus-visible)){outline:.2rem solid var(--color-accent);outline-offset:.18rem}.choice-option input,.filter-option input{width:.9rem;height:.9rem;accent-color:var(--color-accent);margin:0;position:absolute;top:.42rem;right:.42rem}.choice-option>span{line-height:1.1;display:grid}.choice-option strong{color:var(--color-ink);font-family:Georgia,Times New Roman,serif;font-size:1.55rem}.filter-option{min-height:3.2rem;padding-inline:.45rem;font-size:.86rem;font-weight:720}.setup-error{border-radius:var(--radius-sm);background:var(--color-error-soft);color:var(--color-error);border:.0625rem solid #8b1e1247;margin-top:1.25rem;padding:.85rem 1rem;font-size:.9rem;font-weight:650}.primary-button{border-radius:var(--radius-sm);background:var(--color-accent);color:#fff;cursor:pointer;border:0;justify-content:center;align-items:center;gap:.75rem;width:100%;min-height:3.25rem;margin-top:1.5rem;padding:.7rem 1.2rem;font-weight:780;transition:background-color .18s,transform .18s;display:inline-flex}.primary-button:hover{background:var(--color-accent-hover);transform:translateY(-.1rem)}.primary-button:active{transform:translateY(0)}.setup-panel__note,.result-card__note{color:var(--color-muted);text-align:center;margin-top:.75rem;font-size:.78rem}.game-view{width:min(100%,68rem);margin-inline:auto;padding-block:clamp(1.75rem,5vw,4.5rem)}.game-header{align-items:end;gap:1.5rem;display:grid}.game-header h1{letter-spacing:-.045em;max-width:18ch;margin-top:.65rem;font-size:clamp(2.35rem,7vw,4rem)}.game-header>div:first-child>p:last-child{max-width:35rem;color:var(--color-muted);margin-top:.8rem}.game-progress{width:min(100%,24rem)}.game-progress__copy{color:var(--color-muted);justify-content:space-between;gap:1rem;font-size:.82rem;display:flex}.game-progress__copy strong{color:var(--color-ink)}.game-progress progress{background:var(--color-line);width:100%;height:.55rem;color:var(--color-accent);border:0;border-radius:999px;margin-top:.55rem;overflow:hidden}.game-progress progress::-webkit-progress-bar{background:var(--color-line);border-radius:999px}.game-progress progress::-webkit-progress-value{background:var(--color-accent);border-radius:999px}.game-progress progress::-moz-progress-bar{background:var(--color-accent);border-radius:999px}.pool-notice{border-left:.25rem solid var(--color-leaf);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--color-leaf-soft);color:var(--color-leaf);margin-top:1.25rem;padding:.75rem .9rem;font-size:.88rem}.dish-grid{margin-top:clamp(1.75rem,5vw,3rem);grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.65rem,2.5vw,1.5rem);width:min(100%,62rem);margin-inline:auto;display:grid}.dish-card{border:.0625rem solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface);min-width:0;color:var(--color-ink);cursor:pointer;text-align:left;padding:0;transition:border-color .18s,box-shadow .18s,transform .18s;overflow:hidden;box-shadow:0 .7rem 2rem #3e2d1e14}.dish-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-card);transform:translateY(-.2rem)}.dish-card:focus-visible{border-color:var(--color-accent);outline:.2rem solid var(--color-accent);outline-offset:.22rem;box-shadow:var(--shadow-focus)}.dish-card__media,.result-card__media{aspect-ratio:1;background:linear-gradient(135deg, #f1c3aea6, #dfe9e1bf), var(--color-surface-warm);place-items:center;display:grid;position:relative;overflow:hidden}.dish-card__media img,.result-card__media img{object-fit:cover;width:100%;height:100%}.dish-card__media picture,.result-card__media picture{width:100%;height:100%;display:block}.dish-card__action{color:#fff;opacity:0;background:#20231fe0;border-radius:999px;padding:.35rem .6rem;font-size:.72rem;font-weight:760;transition:opacity .18s,transform .18s;position:absolute;bottom:.65rem;right:.65rem;transform:translateY(.25rem)}.dish-card:hover .dish-card__action,.dish-card:focus-visible .dish-card__action{opacity:1;transform:translateY(0)}.dish-card__body{gap:.35rem;padding:clamp(.8rem,3vw,1.3rem);display:grid}.dish-card__body>strong{overflow-wrap:anywhere;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.05rem,3vw,1.55rem);line-height:1.12}.category-label{color:var(--color-leaf);font-size:clamp(.72rem,2vw,.84rem);font-weight:720}.image-fallback{color:var(--color-muted);text-align:center;place-items:center;gap:.65rem;padding:1rem;font-size:.8rem;font-weight:700;display:grid}.image-fallback__mark{background:var(--color-accent);color:#fff;border-radius:50%;place-items:center;width:3rem;height:3rem;font-family:Georgia,Times New Roman,serif;display:grid}.result-view{place-items:center;min-height:min(42rem,100vh - 9rem);padding-block:clamp(2rem,7vw,5rem);display:grid;position:relative}.result-card{z-index:1;border-radius:var(--radius-lg);background:var(--color-surface);width:min(100%,55rem);box-shadow:var(--shadow-card);border:.0625rem solid #ae351f2e;display:grid;position:relative;overflow:hidden}.result-card__media{aspect-ratio:4/3}.result-card__content{align-content:center;padding:clamp(1.4rem,6vw,3rem);display:grid}.result-card h1{letter-spacing:-.05em;margin-top:.65rem;font-size:clamp(2.5rem,8vw,4.5rem)}.result-card .category-label{margin-top:.7rem;font-size:.9rem}.result-card__summary{color:var(--color-muted);margin-top:1.2rem}.result-card .primary-button{max-width:18rem}.result-card__note{text-align:left;max-width:22rem}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti span{top:4%;left:var(--confetti-left);background:var(--confetti-color);width:.65rem;height:1.1rem;animation:1.8s cubic-bezier(.2,.8,.25,1) both celebrate;animation-delay:var(--confetti-delay);border-radius:.15rem;position:absolute;transform:translateY(-3rem)rotate(0)}.confetti span:first-child{--confetti-left:8%;--confetti-color:var(--color-accent);--confetti-delay:0s}.confetti span:nth-child(2){--confetti-left:28%;--confetti-color:#d59a25;--confetti-delay:.1s}.confetti span:nth-child(3){--confetti-left:52%;--confetti-color:var(--color-leaf);--confetti-delay:40ms}.confetti span:nth-child(4){--confetti-left:74%;--confetti-color:#6c72ad;--confetti-delay:.16s}.confetti span:nth-child(5){--confetti-left:91%;--confetti-color:var(--color-accent);--confetti-delay:80ms}@keyframes celebrate{0%{opacity:0;transform:translateY(-3rem)rotate(0)}15%{opacity:1}to{opacity:0;transform:translateY(32rem)rotate(460deg)}}.site-footer{border-top:.0625rem solid var(--color-line);color:var(--color-muted);flex-wrap:wrap;justify-content:space-between;gap:.75rem 1.5rem;padding-block:1.75rem;font-size:.82rem;display:flex}@media (width>=44rem){.result-card{grid-template-columns:minmax(0,1fr) minmax(21rem,.9fr)}.result-card__media{aspect-ratio:1}}@media (width>=52rem){.setup-view{grid-template-columns:minmax(0,1fr) minmax(23rem,.82fr)}}@media (width>=60rem){.game-header{grid-template-columns:minmax(0,1fr) minmax(16rem,24rem)}}@media (width<=23rem){.dish-grid{grid-template-columns:minmax(0,1fr)}.dish-card__media{aspect-ratio:4/3}}}@layer utilities{.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:.0625rem;height:.0625rem;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}