:root{color:#263049;font-synthesis:none;text-rendering:optimizelegibility;background:#fffaf3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{border:0}.app-shell{background:radial-gradient(circle at 13% 7%,#ffd24961,#0000 24%),radial-gradient(circle at 88% 10%,#5dcfbc52,#0000 25%),radial-gradient(circle at 72% 88%,#ff7e9f47,#0000 30%),linear-gradient(135deg,#fffdf5 0%,#e9fbf7 48%,#ffe4ed 100%);min-height:100vh;overflow:hidden}.app-header{z-index:10;justify-content:space-between;align-items:center;gap:16px;width:min(1180px,100% - 32px);margin:0 auto;padding:20px 0;display:flex;position:relative}.brand,.icon-button,.wall-button,.nickname-form button,.center-panel button,.result-actions button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.brand{color:#263049;letter-spacing:0;background:0 0;max-width:min(62vw,360px);padding:0;font-weight:900}.brand-mark{background:#fff1a8;border:2px solid #263049;border-radius:50%;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid;box-shadow:4px 4px #263049}.nav-actions{align-items:center;gap:10px;display:flex}.icon-button,.wall-button,.nickname-form button,.center-panel button,.result-actions button{color:#fffdf5;background:linear-gradient(135deg,#ff5e6f,#ff8d3d);box-shadow:0 12px 26px #ff5e6f3d}.secondary-button{color:#263049!important;background:#fff1a8!important;box-shadow:inset 0 0 0 2px #263049!important}.icon-button{width:44px;padding:0}.wall-button{white-space:nowrap;padding:0 16px}.brand:hover,.icon-button:hover,.wall-button:hover,.nickname-form button:hover,.center-panel button:hover,.result-actions button:hover{transform:translateY(-2px)}.hero-grid,.quiz-panel,.result-panel,.wall-layout,.center-panel{width:min(1180px,100% - 32px);margin:0 auto}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);align-items:center;gap:48px;min-height:calc(100vh - 92px);padding:24px 0 72px;display:grid}.intro-copy{max-width:680px}.eyebrow{color:#11866f;letter-spacing:.08em;text-transform:uppercase;margin:0 0 22px;font-size:.82rem;font-weight:900}h1,h2,p{letter-spacing:0}h1{max-width:760px;margin:0;font-size:clamp(3.2rem,8vw,6.9rem);line-height:1.02}h2{margin:0;font-size:clamp(2rem,5vw,4.8rem);line-height:.96}.intro-copy>p:not(.eyebrow),.result-copy p,.wall-copy p,.center-panel p{color:#5b6478;max-width:620px;font-size:clamp(1rem,2vw,1.25rem);line-height:1.55}.intro-copy h1,.wall-copy h1{line-height:1.03}.intro-copy>p:not(.eyebrow),.wall-copy>p:not(.eyebrow){margin-top:26px}.nickname-form{gap:10px;max-width:560px;margin-top:32px;display:grid}.nickname-form label{font-weight:900}.input-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.input-row input{color:#263049;background:#ffffffb8;border:2px solid #263049;border-radius:8px;outline:none;width:100%;min-height:56px;padding:0 16px;box-shadow:4px 4px #263049}.input-row input:focus{box-shadow:4px 4px #263049,0 0 0 4px #18715e2e}.nickname-form button,.center-panel button,.result-actions button{min-width:116px;padding:0 18px;font-weight:900}.form-error{margin:4px 0 0;font-weight:900;color:#a51f2e!important}.hero-pizza{place-items:center;min-height:520px;display:grid}.pizza-preview{aspect-ratio:1;background:radial-gradient(circle at 52% 48%,#ffffff61 0 2%,#0000 2.4%),radial-gradient(circle at 28% 28%,#e7333b 0 5%,#0000 5.6%),radial-gradient(circle at 67% 34%,#2f8c5a 0 4%,#0000 4.7%),radial-gradient(circle at 42% 68%,#e7333b 0 5.4%,#0000 6%),radial-gradient(circle at 74% 70%,#f3ca42 0 4.5%,#0000 5.2%),#ffd35c;border:24px solid #b66b2c;border-radius:50%;width:min(42vw,520px);min-width:310px;animation:4.8s ease-in-out infinite pizza-float;position:relative;transform:rotate(-8deg);box-shadow:inset 0 0 0 18px #e94a33,0 28px 68px #602b143d}.slice-line,.pizza-cut{transform-origin:top;background:#954b1e2e;width:4px;height:100%;position:absolute;top:50%;left:50%}.slice-line-a,.cut-a{transform:rotate(0)translateY(-50%)}.slice-line-b,.cut-b{transform:rotate(60deg)translateY(-50%)}.slice-line-c,.cut-c{transform:rotate(120deg)translateY(-50%)}.mini-topping{border-radius:50%;animation:2.6s ease-in-out infinite topping-wiggle;display:block;position:absolute;box-shadow:inset -5px -5px #0000001f}.mt-1{background:#c81f35;width:46px;height:46px;top:44%;left:26%}.mt-2{background:#2e8f5c;border-radius:46% 54% 42% 58%;width:38px;height:38px;top:54%;left:56%}.mt-3{background:#f3ecdc;border-radius:50% 50% 40% 40%;width:34px;height:48px;top:24%;left:42%}.mt-4{background:#f8c335;border-radius:40% 60% 45% 55%;width:42px;height:42px;top:42%;left:70%}.mt-5{background:#73543d;border-radius:999px;width:50px;height:18px;top:72%;left:34%}.mt-6{background:#fdf2cd;width:34px;height:34px;top:18%;left:60%}.quiz-panel{max-width:860px;padding:42px 0 72px}.progress-row{color:#5b6478;justify-content:space-between;gap:18px;margin-bottom:10px;font-weight:900;display:flex}.progress-track{background:#ffffffa3;border:2px solid #263049;border-radius:999px;height:12px;overflow:hidden}.progress-track span{background:linear-gradient(90deg,#11866f,#f2bb32,#d62f36);border-radius:999px;height:100%;transition:width .26s;display:block}.question-card{background:#fffaf1cc;border:2px solid #263049;border-radius:8px;margin-top:28px;padding:clamp(22px,5vw,48px);box-shadow:10px 10px #263049}.option-grid{gap:14px;margin-top:28px;display:grid}.option-card{color:#263049;text-align:left;cursor:pointer;border:2px solid #263049;border-radius:8px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:14px;min-height:76px;padding:14px;transition:transform .16s,box-shadow .16s;display:grid;box-shadow:5px 5px #263049}.option-card:hover:not(:disabled),.option-card:focus-visible:not(:disabled){transform:translate(-2px,-2px);box-shadow:8px 8px #263049}.option-card:disabled{cursor:wait;opacity:.7}.option-a{background:#ffe77a}.option-b{background:#a6efe0}.option-c{background:#ffb2c3}.option-label{background:#fffdf5;border:2px solid #263049;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.subtle-status{color:#5b6478;align-items:center;gap:8px;margin-top:24px;font-weight:900;display:inline-flex}.center-panel{text-align:center;align-content:center;place-items:center;gap:16px;min-height:calc(100vh - 92px);display:grid}.result-panel{grid-template-columns:minmax(280px,.8fr) minmax(0,1fr);align-items:center;gap:52px;min-height:calc(100vh - 92px);padding:36px 0 72px;display:grid}.result-topping-wrap{aspect-ratio:1;background:radial-gradient(circle,#ffd966 0 48%,#e94135 49% 57%,#b76a2e 58% 100%);border:2px solid #263049;border-radius:50%;place-items:center;display:grid;box-shadow:12px 12px #263049}.big-topping{aspect-ratio:1;width:46%;transform:rotate(-10deg)}.result-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.wall-layout{grid-template-columns:minmax(260px,.72fr) minmax(400px,1.1fr);align-items:center;gap:34px;min-height:calc(100vh - 92px);padding:20px 0 64px;display:grid}.wall-copy h1{font-size:clamp(2.8rem,5vw,5.4rem);line-height:1.06}.wall-meta{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.wall-meta span{background:#fffaf1bd;border:2px solid #263049;border-radius:999px;padding:8px 12px;font-weight:900}.pizza-wall{aspect-ratio:1;justify-self:center;width:min(66vw,720px);min-width:380px;animation:5s ease-in-out infinite pizza-breathe;position:relative}.pizza-crust,.pizza-sauce,.pizza-cheese{border-radius:50%;position:absolute;inset:0}.pizza-crust{background:#ad642f;box-shadow:inset -18px -22px #532a1226,0 30px 70px #4d251242}.pizza-sauce{background:#d43a31;inset:7%}.pizza-cheese{background:radial-gradient(circle at 26% 34%,#fff7c1cc 0 4%,#0000 4.6%),radial-gradient(circle at 70% 62%,#fff7c1cc 0 5%,#0000 5.8%),#ffd75d;inset:12%}.pizza-cut{z-index:2;background:#8b491f26;height:76%;top:50%;left:50%}.wall-topping{z-index:5;width:var(--topping-size,48px);aspect-ratio:1;cursor:help;border:2px solid #25130de6;animation:.32s both topping-pop,3.4s ease-in-out infinite topping-bob;position:absolute;transform:translate(-50%,-50%)}.wall-sparse{--topping-size:58px}.wall-medium{--topping-size:46px}.wall-dense{--topping-size:34px}.tooltip{z-index:20;color:#263049;opacity:0;pointer-events:none;background:#fffdf5;border:2px solid #263049;border-radius:8px;width:max-content;max-width:220px;padding:8px 10px;font-size:.82rem;font-weight:900;line-height:1.25;transition:opacity .16s,transform .16s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,6px);box-shadow:4px 4px #263049}.wall-topping:hover .tooltip,.wall-topping:focus-visible .tooltip{opacity:1;transform:translate(-50%)}.topping-cheese{background:#fff0a6;border-radius:46% 54% 42% 58%}.topping-pepperoni{background:radial-gradient(circle at 36% 38%,#ffd99e94 0 8%,#0000 9%),#c72735;border-radius:50%}.topping-pineapple{background:linear-gradient(45deg,#0000 43%,#ffffff6b 44% 49%,#0000 50%),#f8c735;border-radius:32% 68% 38% 62%}.topping-truffle{width:calc(var(--topping-size,48px) * 1.45);aspect-ratio:2.3;background:#5c4635;border-radius:999px}.topping-garlic{background:radial-gradient(circle at 65% 30%,#2f211a 0 12%,#0000 13%),#e6d0a5;border-radius:48% 52% 58% 42%}.topping-mushroom{background:linear-gradient(#eee3d0 0 56%,#9b6b4c 57% 100%);border-radius:50% 50% 40% 40%}.topping-ranch{background:conic-gradient(from 20deg,#fffdf4,#d8f1e5,#fffdf4,#fff2bd,#fffdf4);border-radius:50%}.topping-anchovy{width:calc(var(--topping-size,48px) * 1.45);aspect-ratio:2.6;background:linear-gradient(90deg,#0000 0 12%,#ffffff70 13% 18%,#0000 19%),#607887;border-radius:999px}.topping-honey{background:radial-gradient(circle at 68% 28%,#d7352d 0 10%,#0000 11%),#f3a21f;border-radius:52% 48% 60% 40%}.topping-mystery{background:radial-gradient(circle at 52% 46%,#fffdf5 0 12%,#0000 13%),#7d5ab6;border-radius:42% 58% 48% 52%}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes topping-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)rotate(-12deg)}to{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}}@keyframes pizza-float{0%,to{transform:translateY(0)rotate(-8deg)}50%{transform:translateY(-14px)rotate(-5deg)}}@keyframes pizza-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.015)}}@keyframes topping-wiggle{0%,to{transform:rotate(0)scale(1)}50%{transform:rotate(8deg)scale(1.06)}}@keyframes topping-bob{0%,to{margin-top:0}50%{margin-top:-4px}}@media (width<=860px){.app-header{width:min(100% - 24px,1180px)}.brand{font-size:.92rem}.wall-button{padding:0 12px}.hero-grid,.result-panel,.wall-layout{grid-template-columns:1fr;gap:28px}.hero-grid,.result-panel,.wall-layout,.center-panel{width:min(100% - 24px,1180px)}.hero-grid{min-height:auto;padding-top:12px}.hero-pizza{order:-1;min-height:340px}.pizza-preview{border-width:18px;width:min(82vw,380px);min-width:260px}.input-row{grid-template-columns:1fr}.input-row button{width:100%}.question-card{box-shadow:6px 6px #263049}.option-card{grid-template-columns:42px minmax(0,1fr)}.pizza-wall{width:min(94vw,560px);min-width:0}}@media (width<=520px){.app-header{align-items:flex-start}.nav-actions{gap:8px}.wall-button{width:44px;padding:0;font-size:0}h1{font-size:clamp(2.7rem,16vw,4.5rem)}h2{font-size:clamp(1.85rem,10vw,3rem)}.quiz-panel{width:min(100% - 24px,860px);padding-top:22px}.question-card{padding:20px}.wall-copy h1{font-size:clamp(2.4rem,14vw,3.8rem)}.wall-sparse{--topping-size:46px}.wall-medium{--topping-size:38px}.wall-dense{--topping-size:30px}}