@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-normal-CnvboYUG.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-wght-normal-Ca2vKHc0.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-normal-ukD16Tqj.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Sans Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-sans-cyrillic-ext-wght-normal-7w74d1lj.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito Sans Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-sans-cyrillic-wght-normal-B9hoeQUC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Sans Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-sans-vietnamese-wght-normal-BhFYcaJr.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito Sans Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-sans-latin-ext-wght-normal-DMEAsnHD.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Sans Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-sans-latin-wght-normal-BWQ3gi2K.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#251b19;--muted:#71615a;--paper:#fff8ee;--cream:#f2e3cf;--coral:#ef6b4d;--coral-dark:#a92322;--yellow:#f5b94b;--teal:#397482;--green:#667542;--line:#d9c4aa;--display:"Fraunces Variable", Georgia, serif;--sans:"Nunito Sans Variable", "Trebuchet MS", sans-serif;color:var(--ink);background:var(--cream);font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{background:var(--cream);min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--teal);outline-offset:3px}button:disabled{cursor:wait;opacity:.65}img,svg{display:block}h1,h2,p,figure{margin:0}h1,h2{font-family:var(--display);letter-spacing:0}#root{min-height:100vh}.app-shell{background:radial-gradient(circle at 18px 18px, #39748217 2px, transparent 2.5px) 0 0 / 36px 36px, var(--paper);flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(1120px,100% - 32px);min-height:74px;margin:0 auto;display:flex}.brand{color:var(--ink);font-family:var(--display);align-items:center;gap:10px;font-weight:750;text-decoration:none;display:inline-flex}.brand-mark{width:38px;height:38px;color:var(--paper);background:var(--coral);border-radius:50%;place-items:center;display:grid;transform:rotate(-5deg)}.brand-mark svg{width:22px}.topbar nav{gap:4px;display:flex}.nav-link{min-height:44px;color:var(--muted);border-radius:6px;align-items:center;gap:7px;padding:0 13px;font-size:.88rem;font-weight:750;text-decoration:none;display:inline-flex}.nav-link svg{width:18px}.nav-link.active{color:var(--ink);background:var(--cream)}main{flex:1;display:flex}.page-width{width:min(1040px,100% - 32px);margin:0 auto}.welcome-layout{grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);align-items:center;gap:clamp(40px,8vw,100px);min-height:calc(100vh - 130px);padding:52px 0;display:grid}.welcome-copy{max-width:520px}.eyebrow{color:var(--coral-dark);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:8px;font-size:.78rem;font-weight:850;display:flex}.eyebrow svg{width:17px;height:17px}.welcome-copy h1,.question-panel h1,.winner-page>h1,.winner-wait h1,.status-screen h1,.completion-screen h1{max-width:780px;margin:14px 0 18px;font-size:clamp(2.5rem,7vw,5.2rem);font-weight:760;line-height:.98}.question-panel h1,.winner-page>h1,.winner-wait h1,.status-screen h1,.completion-screen h1{font-size:clamp(2rem,5vw,3.8rem);line-height:1.05}.lede{color:var(--muted);font-size:1.05rem;line-height:1.65}.name-form{margin-top:32px}.name-form label,.answer-lookup label{margin-bottom:8px;font-size:.88rem;font-weight:800;display:block}.name-form input,.answer-lookup input{width:100%;height:56px;color:var(--ink);border:1.5px solid var(--line);background:#fff;border-radius:6px;padding:0 16px;font-size:1rem}.name-form input::placeholder,.answer-lookup input::placeholder{color:#9b958c}.answer-lookup{border-top:1px solid var(--line);margin-top:24px;padding-top:24px}.answer-lookup-controls{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.answer-lookup-controls .button{white-space:nowrap}.button{cursor:pointer;border:0;border-radius:6px;justify-content:center;align-items:center;gap:9px;min-height:50px;padding:0 18px;font-weight:850;text-decoration:none;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.button svg{width:19px}.button:hover:not(:disabled){transform:translateY(-2px)}.button.primary{color:#fff;background:var(--coral-dark);box-shadow:0 7px #6f1718}.button.primary:active:not(:disabled){transform:translateY(4px);box-shadow:0 3px #6f1718}.button.secondary{color:var(--ink);background:var(--cream);border:1px solid var(--line)}.full-width{width:100%;margin-top:14px}.form-error{color:var(--coral-dark);margin-top:10px;font-size:.88rem;font-weight:750}.field-hint{color:var(--muted);margin:-3px 0 9px;font-size:.78rem}.demo-note{color:var(--muted);margin-top:18px;font-size:.78rem}.cat-portrait{aspect-ratio:4/5;max-height:680px;box-shadow:16px 18px 0 var(--yellow), 0 24px 70px #37302529;border:10px solid #fff;border-radius:6px;position:relative;overflow:hidden;transform:rotate(1.5deg)}.cat-portrait:before{content:"";z-index:1;background:linear-gradient(#0000 58%,#0f0e0ccc);position:absolute;inset:0}.cat-portrait img{object-fit:cover;width:100%;height:100%}.cat-portrait figcaption{z-index:2;color:#fff;text-transform:uppercase;justify-content:space-between;gap:12px;font-size:.78rem;font-weight:850;display:flex;position:absolute;inset:auto 20px 20px}.quiz-stage{padding:28px 0 64px}.quiz-meta{min-height:48px;color:var(--muted);grid-template-columns:48px 1fr 1fr;align-items:center;font-size:.83rem;font-weight:750;display:grid}.quiz-meta span:nth-child(2){text-align:center}.quiz-meta span:last-child{text-align:right;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.icon-button{border:1px solid var(--line);width:44px;height:44px;color:var(--ink);cursor:pointer;background:#fff;border-radius:50%;place-items:center;padding:0;display:grid}.icon-button svg{width:20px}.progress-track{background:#e9e2d5;border-radius:4px;height:7px;margin-top:12px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--teal);height:100%;transition:width .28s;display:block}.question-panel{width:min(720px,100%);margin:52px auto 0}.answer-list{gap:11px;margin:30px 0 24px;display:grid}.answer-option{width:100%;min-height:66px;color:var(--ink);border:1.5px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:6px;grid-template-columns:38px 1fr 28px;align-items:center;gap:12px;padding:9px 14px;transition:border-color .14s,background .14s,transform .14s;display:grid}.answer-option:hover{border-color:var(--teal);transform:translate(3px)}.answer-option.selected{border-color:var(--teal);background:#edf8f5}.option-letter{background:var(--cream);border-radius:50%;place-items:center;width:36px;height:36px;font-size:.8rem;font-weight:900;display:grid}.selected .option-letter{color:#fff;background:var(--teal)}.option-check{color:var(--teal)}.option-check svg{width:22px}.completion-screen,.status-screen,.winner-wait,.winner-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 130px);padding:56px 0;display:flex}.celebration-mark,.winner-art{width:84px;height:84px;color:var(--ink);background:var(--yellow);border-radius:50%;place-items:center;margin-bottom:24px;display:grid;transform:rotate(-7deg)}.celebration-mark svg,.winner-art svg{width:42px;height:42px}.completion-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px;display:flex}.status-screen{gap:18px}.status-screen>svg{width:50px;height:50px;color:var(--coral-dark)}.status-screen h1{margin:0}.status-screen p{color:var(--muted)}.spinner{border:4px solid var(--line);border-top-color:var(--coral);border-radius:50%;width:42px;height:42px;animation:.8s linear infinite spin}.review-page{padding:48px 0 70px}.review-header{border-bottom:2px solid var(--ink);min-height:170px;padding-bottom:30px;position:relative}.review-header h1{margin-top:7px;font-size:clamp(2.5rem,6vw,4.8rem);line-height:1}.score-stamp{border:2px solid var(--coral-dark);width:104px;height:104px;color:var(--coral-dark);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;bottom:28px;right:0;transform:rotate(5deg)}.score-stamp strong{font-family:var(--display);font-size:1.8rem}.score-stamp span{text-transform:uppercase;font-size:.74rem;font-weight:800}.review-list{margin:32px 0}.review-item{border-bottom:1px solid var(--line);grid-template-columns:44px 1fr;gap:16px;padding:22px 0;display:grid}.review-number{color:#fff;background:var(--coral-dark);border-radius:50%;place-items:center;width:34px;height:34px;font-weight:850;display:grid}.review-item.correct .review-number{background:var(--green)}.review-number svg{width:18px}.review-item h2{margin-bottom:8px;font-size:1.2rem;line-height:1.3}.review-item p{color:var(--muted);line-height:1.55}.review-item .correct-answer{color:var(--green)}.sealed-score{border:2px dashed var(--coral);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:180px;height:180px;margin-top:36px;display:flex;transform:rotate(-4deg)}.sealed-score span{font-family:var(--display);font-size:5rem;line-height:.85}.sealed-score small{color:var(--muted);text-transform:uppercase;font-weight:800}.winner-wheel-wrap{aspect-ratio:1;width:min(280px,75vw);margin:38px auto 24px;position:relative}.winner-wheel{background:conic-gradient(var(--coral) 0 25%, var(--yellow) 25% 50%, var(--teal) 50% 75%, #81ad70 75%);width:100%;height:100%;box-shadow:0 0 0 2px var(--ink), 0 18px 50px #322a1e33;border:12px solid #fff;border-radius:50%;place-items:center;display:grid}.wheel-pointer{z-index:2;border-left:14px solid #0000;border-right:14px solid #0000;border-top:30px solid var(--ink);width:0;height:0;position:absolute;top:-27px;left:calc(50% - 14px)}.wheel-center{background:var(--paper);border-radius:50%;place-items:center;width:78px;height:78px;display:grid}.wheel-center svg{width:36px}.winner-wheel.spinning{animation:2.7s cubic-bezier(.15,.7,.2,1) forwards wheel-spin}.candidate-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.candidate-row span{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 11px;font-size:.82rem;font-weight:750}.winner-reveal{animation:.5s both reveal}.winner-crown{width:98px;height:98px;color:var(--ink);background:var(--yellow);border-radius:50%;place-items:center;margin:0 auto 24px;display:grid}.winner-crown svg{width:54px;height:54px}.winner-reveal>p{color:var(--coral-dark);text-transform:uppercase;font-weight:850}.winner-reveal h1{margin:8px 0;font-size:clamp(3.8rem,12vw,8rem);line-height:.95}.winning-score{color:var(--muted);font-size:1.1rem;font-weight:750}.replay-wheel{margin-top:26px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes wheel-spin{0%{transform:rotate(0)}to{transform:rotate(2140deg)}}@keyframes reveal{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=760px){.topbar{width:min(100% - 24px,1040px);min-height:66px}.brand>span:last-child,.nav-link{font-size:0}.nav-link{justify-content:center;width:44px;padding:0}.nav-link svg{width:20px;height:20px}.page-width{width:min(100% - 28px,1040px)}.welcome-layout{grid-template-columns:1fr;gap:42px;min-height:auto;padding:34px 0 58px}.welcome-copy h1{font-size:clamp(2.65rem,14vw,4.2rem)}.cat-portrait{aspect-ratio:5/4;width:calc(100% - 8px);max-height:none;box-shadow:8px 10px 0 var(--yellow);border-width:7px;order:-1;transform:rotate(.7deg)}.cat-portrait img{object-position:center 47%}.cat-portrait figcaption{font-size:.64rem;inset:auto 12px 12px}.question-panel{margin-top:36px}.question-panel h1{font-size:clamp(2rem,10vw,3rem)}.answer-option{grid-template-columns:36px 1fr 24px;min-height:62px;padding:8px 12px}.completion-actions{flex-direction:column;width:100%}.completion-actions .button{width:100%}.answer-lookup-controls{grid-template-columns:1fr}.answer-lookup-controls .button{width:100%}.review-header{min-height:210px;padding-right:0}.score-stamp{width:82px;height:82px;bottom:20px;left:0;right:auto}.score-stamp strong{font-size:1.4rem}.review-item{grid-template-columns:36px 1fr;gap:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
