:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--cream:#fdf6ec;--cream-deep:#f6e8d5;--ink:#2f4858;--ink-soft:#5b6b73;--accent:#e07a5f;--accent-strong:#c9603f;--sage:#81b29a;--card:#fff;--shadow:0 10px 30px #2f48581f;--radius-lg:28px;--radius-md:18px;color:var(--ink);background:var(--cream);font-family:Nunito,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(circle at 15% 10%, #81b29a2e, transparent 45%), radial-gradient(circle at 85% 0%, #e07a5f24, transparent 40%), var(--cream);-webkit-font-smoothing:antialiased;min-height:100dvh}#app{flex-direction:column;min-height:100dvh;display:flex}.screen{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;width:min(100% - 2rem,34rem);margin-inline:auto;padding:clamp(2rem,8dvh,4rem) 0 2.5rem;display:flex}.screen--loading{color:var(--ink-soft)}.hero{background:var(--card);width:6.5rem;height:6.5rem;box-shadow:var(--shadow);border-radius:50%;place-items:center;margin-bottom:.5rem;font-size:3.25rem;display:grid}h1{letter-spacing:-.02em;margin:0;font-size:clamp(2rem,8vw,2.75rem);line-height:1.1}.subtitle{max-width:30ch;color:var(--ink-soft);margin:0;font-size:1.05rem}.status{letter-spacing:.02em;background:var(--cream-deep);color:var(--ink-soft);border-radius:999px;margin:.75rem 0 0;padding:.35rem .9rem;font-size:.85rem;font-weight:700}.button{appearance:none;font:inherit;cursor:pointer;border:0;border-radius:999px;padding:1rem 2rem;font-weight:800;transition:transform .16s,box-shadow .16s,background-color .16s}.button--primary{color:#fff;background:var(--accent);min-width:min(20rem,100%);margin-top:.75rem;box-shadow:0 12px 26px #e07a5f59}.button--primary:hover:not(:disabled){background:var(--accent-strong);transform:translateY(-1px)}.button--primary:active:not(:disabled){transform:translateY(1px)scale(.99)}.button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.button:focus-visible,a:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.privacy-note{max-width:34ch;color:var(--ink-soft);margin:.5rem 0 0;font-size:.82rem}.muted{color:var(--ink-soft)}.screen--error{gap:1.25rem}noscript{text-align:center;color:var(--ink);padding:2rem;display:block}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.screen--centered{justify-content:center}.stack{flex-direction:column;align-items:center;gap:.65rem;width:100%;display:flex}.identity{color:var(--ink);margin:0;font-weight:800}.saved-card{border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow);text-align:left;background:#ffffffc7;padding:.9rem 1rem}.saved-card__title{margin:0 0 .2rem;font-weight:800}.saved-card p{margin:.15rem 0;font-size:.9rem}.pill{background:var(--cream-deep);color:var(--ink-soft);border-radius:999px;padding:.35rem .9rem;font-size:.82rem;font-weight:800;display:inline-block}.status--open{color:#2f6b52;background:#81b29a38}.status--closed{color:var(--accent-strong);background:#e07a5f29}.notice{border-radius:var(--radius-md);background:var(--cream-deep);width:100%;color:var(--ink);text-align:left;margin:0;padding:.8rem 1rem;font-size:.9rem}.notice--error{color:var(--accent-strong);background:#e07a5f24}.field-group{text-align:left;flex-direction:column;gap:.35rem;width:100%;display:flex}.field-group label{color:var(--ink-soft);font-size:.85rem;font-weight:800}.field{width:100%;min-height:3rem;color:var(--ink);font:inherit;background:#fff;border:2px solid #2f48581f;border-radius:14px;padding:.75rem .9rem}.field:focus{border-color:var(--accent);outline:3px solid #e07a5f2e}.button--secondary{color:var(--ink);box-shadow:none;background:#fff;border:2px solid #2f48581f}.button--ghost{color:var(--ink-soft);box-shadow:none;background:0 0;padding:.65rem 1rem}.text-button{appearance:none;color:var(--accent-strong);font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:.25rem .1rem;font-size:.9rem;font-weight:800;text-decoration:underline}.screen--game{justify-content:flex-start;gap:.75rem;width:min(100% - 1.5rem,46rem);padding-top:1rem}.screen--review{justify-content:flex-start;gap:.9rem;width:min(100% - 1.5rem,42rem);padding-top:1.25rem}.game-header{flex-direction:column;gap:.5rem;width:100%;display:flex}.game-header__row{align-items:center;gap:.6rem;display:flex}.phase-label{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-strong);font-size:.8rem;font-weight:900}.game-header__row .muted{margin-right:auto;font-size:.85rem}.progress{background:#2f48581a;border-radius:999px;width:100%;height:10px;overflow:hidden}.progress__bar{border-radius:inherit;background:linear-gradient(90deg, var(--accent), #f2a65a);height:100%;transition:width .22s;display:block}.question{text-align:center;max-width:24ch;margin:.25rem 0 .35rem;font-size:clamp(1.45rem,5.4vw,2.15rem)}.comparison-stage{touch-action:pan-y;-webkit-user-select:none;user-select:none;grid-template-columns:1fr 1fr;gap:.7rem;width:100%;display:grid}.choice-card{appearance:none;background:var(--card);cursor:pointer;color:var(--ink);box-shadow:var(--shadow);text-align:center;border:3px solid #0000;border-radius:22px;flex-direction:column;padding:0;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex;overflow:hidden}.choice-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px #2f48582e}.choice-card:active{transform:scale(.985)}.choice-card.is-selected{border-color:var(--accent);animation:.18s chosen-pop;box-shadow:0 0 0 4px #e07a5f33}@keyframes chosen-pop{0%{transform:scale(1)}45%{transform:scale(.97)}to{transform:scale(1)}}.choice-card__media{aspect-ratio:4/5;background:linear-gradient(145deg, var(--cream-deep), #efe0ca);width:100%;display:block;overflow:hidden}.choice-card__image{object-fit:cover;width:100%;height:100%;display:block}.choice-card__image.is-missing{opacity:0}.choice-card__label{width:100%;padding:.7rem .5rem .8rem;font-size:clamp(.9rem,3.8vw,1.05rem);font-weight:900;line-height:1.2;display:block}.game-footer{justify-content:space-between;align-items:center;gap:1rem;width:100%;padding-top:.25rem;display:flex}.game-hint{text-align:right;margin:0;font-size:.75rem}.review-group{text-align:left;flex-direction:column;gap:.5rem;width:100%;display:flex}.review-group h2{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-strong);margin:.4rem 0 0;font-size:1rem}.review-item{background:#ffffffc2;border-radius:16px;align-items:center;gap:.75rem;padding:.55rem;display:flex}.review-item__thumb{background:var(--cream-deep);border-radius:12px;flex:0 0 3.4rem;place-items:center;width:3.4rem;height:3.4rem;display:grid;overflow:hidden}.review-item__thumb img{object-fit:cover;width:100%;height:100%}.review-item__missing{color:var(--ink-soft);font-weight:900}.review-item__text{text-align:left;flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.review-item__text strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.review-item__text .muted{font-size:.78rem}.review-actions{flex-direction:column;align-items:center;gap:.6rem;width:100%;padding:.5rem 0 1rem;display:flex}@media (max-width:380px){.comparison-stage{gap:.5rem}.choice-card{border-radius:16px}.choice-card__label{padding-inline:.3rem}.game-hint{display:none}}.choice-card__fallback{text-align:center;width:100%;height:100%;color:var(--ink-soft);background:linear-gradient(145deg,#f6e8d5,#ead8be);place-items:center;padding:1rem;font-weight:800;display:none}.choice-card__media.has-error .choice-card__image{display:none}.choice-card__media.has-error .choice-card__fallback{display:grid}@media (max-width:600px){.screen--game,.screen--review{padding-inline:.55rem;width:100%;padding-top:.45rem;padding-bottom:max(1.25rem, env(safe-area-inset-bottom));gap:.5rem}.game-header{gap:.3rem}.game-header__row{gap:.4rem}.phase-label{letter-spacing:.06em;font-size:.72rem}.game-header__row .muted{font-size:.78rem}.progress{height:8px}.question{max-width:22ch;margin:.1rem 0 .15rem;font-size:clamp(1.2rem,5.4vw,1.5rem)}.comparison-stage{grid-template-columns:1fr;gap:.7rem}.choice-card{border-width:2px;border-radius:18px;min-width:0}.choice-card__media{aspect-ratio:4/3}.choice-card__label{overflow-wrap:anywhere;padding:.65rem .5rem .75rem;font-size:1rem}.game-footer{gap:.5rem;padding-top:0}.game-footer .button{padding:.7rem 1.25rem}.game-hint{display:none}.screen--review h1{font-size:1.55rem}.review-group{gap:.4rem}.review-item{gap:.55rem;padding:.45rem}.review-item__thumb{flex-basis:3rem;width:3rem;height:3rem}.review-item__text strong{font-size:.92rem}.review-actions .button{width:100%}}@media (max-height:700px) and (max-width:600px){.choice-card__media{aspect-ratio:3/2}.screen--game{gap:.35rem}}.hero--logo{width:min(18rem,76vw);height:auto;box-shadow:none;background:0 0;border-radius:0;margin-bottom:.35rem}.brand-logo{width:100%;height:auto;display:block}