:root{color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;background-color:#fff;font-family:system-ui,sans-serif}body{min-width:320px;min-height:100vh;margin:0}:root{color:#233228;font-synthesis:none;text-rendering:optimizelegibility;--green-950:#173d2a;--green-800:#286044;--green-700:#347855;--green-600:#439469;--green-100:#e0f1e5;--green-50:#f0f8f1;--orange-600:#e87832;--orange-500:#f28b3e;--orange-200:#ffd7b5;--yellow-100:#fff4cc;--cream:#fffdf7;--paper:#fff;--ink:#233228;--muted:#68766c;--line:#d8e3d9;--danger:#b83c3c;--danger-bg:#fff0ef;--shadow:0 1rem 3rem #3056371f;--shadow-small:0 .5rem 1.4rem #3056371a;background:#f5f8ef;font-family:Inter,ui-rounded,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:#f5f8ef;min-width:20rem;min-height:100vh;margin:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #f28b3e47}label:has(input:focus-visible){outline-offset:3px;outline:3px solid #f28b3e47}.access-page{background:radial-gradient(circle at 12% 8%,#ffd26647,#0000 30%),radial-gradient(circle at 88% 15%,#6bbe8738,#0000 31%),linear-gradient(145deg,#f8faef,#eaf5e9);place-items:center;min-height:100vh;padding:1.5rem;display:grid}.access-card{width:min(100%,28rem);color:var(--ink);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(.8rem);backdrop-filter:blur(.8rem);background:#ffffffe0;border:1px solid #34785524;border-radius:1.75rem;padding:clamp(2rem,7vw,3.5rem)}.access-eyebrow,.question-label{color:var(--orange-600);letter-spacing:.13em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:800}.access-card h1{color:var(--green-950);margin:0;font-size:clamp(2.25rem,9vw,3.5rem);line-height:1}.access-description{color:var(--muted);margin:1rem 0 2rem;line-height:1.65}.access-form{gap:.8rem;display:grid}.access-form label{color:var(--green-950);font-size:.875rem;font-weight:700}.access-form input,.player-name-row input{border:1px solid var(--line);width:100%;color:var(--ink);background:var(--paper);border-radius:.8rem;outline:0;padding:.9rem 1rem}.access-form input:focus,.player-name-row input:focus{border-color:var(--green-600);box-shadow:0 0 0 4px #43946921}.access-form button,.app>button,.answer-form button,.answer-result button,.start-game-button,.shared-answer-form>button[type=submit],.shared-question-result>button[type=button]{color:#fff;background:linear-gradient(135deg, var(--orange-500), var(--orange-600));cursor:pointer;border:0;border-radius:.8rem;padding:.9rem 1.25rem;font-weight:800;transition:box-shadow .16s,filter .16s,transform .16s;box-shadow:0 .45rem 1rem #e878322e}.access-form button{margin-top:.5rem}.access-form button:hover,.app>button:hover:not(:disabled),.answer-form button:hover,.answer-result button:hover,.start-game-button:hover,.shared-answer-form>button[type=submit]:hover,.shared-question-result>button[type=button]:hover{filter:brightness(1.04);transform:translateY(-2px);box-shadow:0 .7rem 1.25rem #e8783240}.access-form button:active,.app>button:active,.answer-form button:active,.answer-result button:active,.start-game-button:active,.shared-answer-form>button[type=submit]:active,.shared-question-result>button[type=button]:active{transform:translateY(0)}.access-error,.test-error{color:var(--danger);margin:0;font-size:.875rem;font-weight:650}.app{min-height:100vh;color:var(--ink);text-align:center;background:radial-gradient(circle at 5% 4%,#ffdc7e40,#0000 25rem),radial-gradient(circle at 96% 18%,#6dc18b2e,#0000 27rem),linear-gradient(#fbfcf5,#eff6ec);justify-items:center;gap:1.25rem;padding:clamp(1.25rem,5vw,3rem) 1.25rem;display:grid}.app>p{max-width:38rem;color:var(--muted);margin:0;line-height:1.6}.app>button:disabled{cursor:wait;opacity:.65;transform:none}.question-card,.settings-card{width:min(100%,56rem);box-shadow:var(--shadow);background:#fffffff0;border:1px solid #34785521;border-radius:clamp(1.2rem,3vw,1.8rem);display:grid}.question-card{justify-items:center;gap:1.25rem;width:min(100%,44rem);padding:clamp(1.4rem,5vw,3rem)}.question-card h1,.question-card h2,.question-brand{margin:0}.question-card h1,.settings-header h1{color:var(--green-950)}.question-card h2{color:#294332;max-width:35rem;font-size:clamp(1.3rem,5vw,2rem);line-height:1.35}.question-brand{color:var(--muted)}.question-product-image{width:min(12rem,55vw);height:12rem;box-shadow:var(--shadow-small);object-fit:contain;background:#fff;border:1px solid #edf1e8;border-radius:1.25rem;padding:.75rem}.answer-form,.answer-result{gap:1rem;width:min(100%,29rem);display:grid}.answer-form label{color:var(--green-950);font-weight:700}.answer-input-group,.shared-player-input{border:1px solid var(--line);background:var(--paper);border-radius:.8rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;transition:border-color .15s,box-shadow .15s;display:grid;overflow:hidden}.answer-input-group:focus-within,.shared-player-input:focus-within{border-color:var(--green-600);box-shadow:0 0 0 4px #43946921}.answer-input-group input,.shared-player-input input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;padding:.9rem 1rem}.answer-input-group span,.shared-player-input>span{color:var(--muted);padding-right:1rem;font-weight:650}.points-result{color:var(--orange-600);margin:0;font-size:clamp(2rem,8vw,3.5rem);font-weight:850}.result-details{gap:.75rem;margin:0;display:grid}.result-details div{border-bottom:1px solid var(--line);justify-content:space-between;gap:1rem;padding:.85rem 0;display:flex}.result-details dt{color:var(--muted)}.result-details dd{color:var(--green-950);margin:0;font-weight:800}.nutrient-explanation{color:#58685d;background:var(--green-50);border-radius:.8rem;margin:0;padding:.85rem 1rem;font-size:.875rem;line-height:1.55}.settings-card{gap:2rem;padding:clamp(1.4rem,5vw,3rem)}.settings-header{text-align:center;justify-items:center;gap:.75rem;display:grid}.settings-header h1,.settings-header p{margin:0}.settings-header>p:last-child{max-width:38rem;color:var(--muted);line-height:1.65}.settings-form{gap:1.5rem;display:grid}.category-fieldset,.target-score-fieldset,.player-fieldset,.multiplayer-mode-fieldset{border:0;min-width:0;margin:0;padding:0}.category-fieldset legend,.target-score-fieldset legend,.player-fieldset legend,.multiplayer-mode-fieldset legend{color:var(--green-950);margin-bottom:1rem;font-weight:800}.category-grid,.target-score-options,.multiplayer-mode-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.category-option,.target-score-option,.multiplayer-mode-option{border:1px solid var(--line);color:var(--ink);background:var(--cream);cursor:pointer;border-radius:1rem;transition:border-color .15s,box-shadow .15s,transform .15s;position:relative}.category-option,.target-score-option{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1.2rem;display:grid}.target-score-option{grid-template-columns:1fr auto}.multiplayer-mode-option{gap:.5rem;padding:1.25rem;display:grid}.category-option:hover,.target-score-option:hover,.multiplayer-mode-option:hover{box-shadow:var(--shadow-small);border-color:#8ab99b;transform:translateY(-2px)}.category-option-selected,.target-score-option-selected,.multiplayer-mode-option-selected{border-color:var(--green-600);background:var(--green-50);box-shadow:0 0 0 3px #4394691c}.category-option input,.target-score-option input,.multiplayer-mode-option input{opacity:0;pointer-events:none;position:absolute}.category-icon{filter:saturate(.9);font-size:2rem}.category-content,.game-mode-content{gap:.3rem;display:grid}.category-name{color:var(--green-950);font-weight:800}.category-description,.game-mode-content span,.multiplayer-mode-option span{color:var(--muted);font-size:.875rem;line-height:1.45}.category-checkmark{color:#fff;background:var(--green-600);border:0;border-radius:50%;place-items:center;width:1.75rem;height:1.75rem;font-weight:850;display:grid}.selection-summary{color:var(--muted);text-align:center;margin:0}.start-game-button{padding:1rem 1.5rem;font-size:1rem}.settings-link-button{color:var(--green-700);cursor:pointer;background:0 0;border:0;justify-self:start;padding:.3rem 0;font-weight:700}.settings-link-button:hover{color:var(--orange-600)}.game-mode-score{color:var(--orange-600);font-size:1.75rem;font-weight:850}.score-display{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.score-display>div{border:1px solid var(--line);background:var(--green-50);border-radius:.85rem;justify-items:center;gap:.25rem;padding:.9rem;display:grid}.score-display strong{color:var(--orange-600);font-size:1.5rem}.score-label{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:.8rem}.player-list{gap:.75rem;display:grid}.player-name-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;display:grid}.player-name-row label{color:var(--green-950);font-weight:700}.add-player-button,.remove-player-button{border:1px solid var(--line);color:var(--green-700);background:var(--paper);cursor:pointer;border-radius:.75rem;font-weight:750;transition:border-color .15s,background-color .15s,color .15s}.add-player-button{margin-top:.75rem;padding:.8rem 1rem}.remove-player-button{color:#9a4b42;padding:.65rem .8rem;font-size:.85rem}.add-player-button:hover,.remove-player-button:hover{border-color:var(--green-600);color:var(--green-950);background:var(--green-50)}.setup-actions{justify-content:space-between;align-items:center;gap:1rem;display:flex}.multiplayer-scoreboard{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.75rem;width:100%;display:grid}.player-score{border:1px solid var(--line);background:var(--green-50);border-radius:.85rem;justify-items:center;gap:.2rem;padding:.85rem;display:grid}.player-score-active{border-color:var(--orange-500);background:#fff8ee}.player-score-name{width:100%;color:var(--muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.player-score strong{color:var(--orange-600);font-size:1.5rem}.player-score-target{color:var(--muted);font-size:.75rem}.active-player-message{border-left:4px solid var(--orange-500);background:#fff8ee;border-radius:.5rem;margin:0;padding:.75rem 1rem}.multiplayer-answer-list,.multiplayer-results{gap:1rem;display:grid}.player-answer{gap:.5rem;display:grid}.player-result{border:1px solid var(--line);background:var(--green-50);border-radius:.9rem;padding:1rem}.player-result h3{color:var(--green-950);margin:0 0 .75rem}.shared-target-score{border:1px solid var(--orange-200);background:#fff7e8;border-radius:999px;justify-content:center;align-items:center;gap:.75rem;margin-inline:auto;padding:.7rem 1.1rem;display:flex;box-shadow:0 .35rem 1rem #e8783217}.shared-target-score span{color:#7d684f;letter-spacing:.05em;text-transform:uppercase;font-size:.8rem;font-weight:800}.shared-target-score strong{color:var(--orange-600);font-size:1.4rem}.shared-answer-form,.shared-question-result{gap:1rem;width:100%;display:grid}.shared-player-table{border:1px solid var(--line);background:var(--paper);border-radius:1rem;overflow:hidden;box-shadow:0 .4rem 1rem #3056370f}.shared-player-table-header,.shared-player-row{grid-template-columns:minmax(7rem,1fr) minmax(10rem,1.5fr) minmax(9rem,1fr);align-items:center;gap:1rem;padding:.85rem 1rem;display:grid}.shared-player-table-header{color:#607066;letter-spacing:.05em;text-transform:uppercase;background:#eaf4e9;font-size:.72rem;font-weight:850}.shared-player-row+.shared-player-row{border-top:1px solid var(--line)}.shared-player-row:nth-child(odd){background:#fcfdf9}.shared-player-name{color:var(--green-950);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.shared-player-input input:disabled{color:var(--muted);opacity:1}.shared-player-score{align-items:center;gap:.55rem;display:flex}.shared-player-score>strong{color:var(--orange-600);font-size:1.35rem}.round-points{color:#247044;background:#dff4e5;border-radius:999px;padding:.22rem .5rem;font-size:.75rem;font-weight:850}.shared-question-result>p{text-align:center;margin:0}.shared-answer-form>button[type=submit],.shared-question-result>button[type=button]{width:100%}.sequential-scoreboard{border:1px solid var(--line);background:var(--paper);border-radius:1rem;width:100%;overflow:hidden;box-shadow:0 .4rem 1rem #3056370f}.sequential-scoreboard-header{color:#607066;letter-spacing:.05em;text-transform:uppercase;background:#eaf4e9;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.75rem;font-weight:850;display:flex}.sequential-scoreboard-header strong{color:var(--orange-600);font-size:1rem}.sequential-player-list{display:grid}.sequential-player-row{grid-template-columns:.35rem minmax(0,1fr) auto auto;align-items:center;gap:.7rem;min-height:3.25rem;padding:.55rem 1rem;transition:background-color .18s;display:grid}.sequential-player-row+.sequential-player-row{border-top:1px solid var(--line)}.sequential-player-row-active{background:linear-gradient(90deg,#fff1dc,#fffaf1)}.sequential-player-indicator{background:0 0;border-radius:999px;width:.25rem;height:1.6rem}.sequential-player-row-active .sequential-player-indicator{background:var(--orange-500);box-shadow:0 0 .65rem #f28b3e52}.sequential-player-name{color:#536159;text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.sequential-player-row-active .sequential-player-name{color:var(--green-950)}.sequential-turn-label{color:#a64f1e;letter-spacing:.04em;text-transform:uppercase;background:#ffddbd;border-radius:999px;padding:.22rem .52rem;font-size:.68rem;font-weight:850}.sequential-player-points{min-width:4.5rem;color:var(--green-950);text-align:right;font-size:1.15rem}.sequential-player-row-active .sequential-player-points{color:var(--orange-600)}.sequential-player-points span{color:var(--muted);font-size:.7rem;font-weight:650}.game-finished{background:radial-gradient(circle at top, #ffdd7d52, transparent 65%), var(--green-50);text-align:center;border:1px solid #a8cea9;border-radius:1rem;justify-items:center;gap:1rem;padding:1.4rem;display:grid}.game-finished h2,.game-finished p{margin:0}.game-finished h2{color:var(--green-800)}.game-finished-scores{gap:.35rem;display:grid}.game-finished-scores p{margin:0}.finished-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}@media (width<=42rem){.category-grid,.target-score-options,.multiplayer-mode-options{grid-template-columns:1fr}.shared-player-table-header{display:none}.shared-player-row{grid-template-columns:minmax(0,1fr) auto;gap:.7rem}.shared-player-input{grid-area:2/1/auto/-1}.shared-player-score{justify-self:end}.player-name-row{grid-template-columns:1fr auto}.player-name-row label{text-align:left;grid-column:1/-1}.setup-actions{flex-direction:column-reverse;align-items:stretch}.settings-link-button{place-self:center}}@media (width<=35rem){.product-result{text-align:center;flex-direction:column}.question-card,.settings-card{border-radius:1.15rem}.result-details div{text-align:left;flex-direction:column;align-items:flex-start;gap:.25rem}}@media (width<=32rem){.sequential-scoreboard-header{padding-inline:.8rem}.sequential-player-row{grid-template-columns:.25rem minmax(0,1fr) auto;gap:.55rem;padding-inline:.8rem}.sequential-turn-label{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.question-card:has(>.test-error){align-content:center;align-self:start;gap:1.5rem;max-width:36rem;min-height:22rem;margin-top:clamp(1rem,8vh,5rem)}.question-card>.test-error{color:#a33b32;background:#fff1ef;border:1px solid #f0c6c2;border-radius:.8rem;max-width:30rem;margin:0;padding:.9rem 1rem;font-size:.875rem;font-weight:650;line-height:1.5}.question-card>button{color:#fff;min-width:12rem;font:inherit;cursor:pointer;background:#439469;border:0;border-radius:.75rem;justify-self:center;padding:.9rem 1.25rem;font-weight:750;transition:background-color .2s,box-shadow .2s,transform .15s;box-shadow:0 .45rem 1rem #43946933}.question-card>button:hover{background:#347d56;transform:translateY(-2px);box-shadow:0 .6rem 1.3rem #43946947}.question-card>button:active{transform:translateY(0)}.question-card>button:focus-visible{outline-offset:3px;outline:3px solid #4394694d}