:root{--bg-yellow:#ffd60a;--bg-yellow-soft:#ffe65c;--ink:#111;--ink-soft:#2a2a2a;--hazard-yellow:#ffd60a;--hazard-black:#111;--slime-green:#7bc043;--slime-green-dark:#4a8b2a;--accent-red:#e63946;--accent-red-dark:#b82734;--paper:#fffcec;--orange:#f08a1f;--brown:#8c4a2b;--dark-red:#6b0f1a;--display:"Bungee", "Bebas Neue", system-ui, sans-serif;--headline:"Bebas Neue", "Bungee", system-ui, sans-serif;--body:"Nunito", system-ui, -apple-system, sans-serif;--shadow-block:6px 6px 0 var(--ink);--shadow-block-sm:4px 4px 0 var(--ink);--shadow-block-lg:10px 10px 0 var(--ink);--hazard-tape:repeating-linear-gradient(45deg, var(--hazard-black) 0 20px, var(--hazard-yellow) 20px 40px);--tap:56px;--safe-top:env(safe-area-inset-top,0);--safe-bottom:env(safe-area-inset-bottom,0)}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg-yellow);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;overscroll-behavior-y:contain;margin:0;padding:0;font-size:16px;line-height:1.45}body{background:radial-gradient(circle at 20% 10%, #ffffff59 0, transparent 40%), radial-gradient(circle at 80% 90%, #0000000a 0, transparent 50%), var(--bg-yellow);min-height:100dvh}img,svg{max-width:100%;display:block}button{cursor:pointer;color:inherit;touch-action:manipulation;background:0 0;border:0;padding:0;font-family:inherit}input,button,select,textarea{font-family:inherit}a{color:inherit}:focus-visible{outline:3px solid var(--ink);outline-offset:2px;border-radius:2px}h1,h2,h3,h4{font-family:var(--display);letter-spacing:.5px;text-wrap:balance;margin:0;font-weight:400}p{text-wrap:pretty;margin:0}ul,ol{margin:0;padding:0;list-style:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}#app{isolation:isolate;width:100%;max-width:480px;min-height:100dvh;margin:0 auto;position:relative;overflow-x:clip}@media (orientation:landscape) and (height<=500px){.mascot--lg{width:180px;height:180px}.mascot{width:160px;height:160px}.question-card__mascot img{width:120px;height:120px}.verdict__mascot{width:150px;height:150px}.slider-readout{font-size:64px}.h-display{font-size:clamp(32px,7vw,44px)}.landing__title h1{font-size:clamp(36px,7vw,48px)}.screen{gap:10px;padding-block:8px 12px}}.hazard-tape{background:var(--hazard-tape);border-block:3px solid var(--ink);width:100%;height:24px;position:relative}.hazard-tape--banner{border:3px solid var(--ink);background:var(--ink);height:auto;min-height:48px;color:var(--bg-yellow);border-radius:6px;place-items:center;padding:8px 14px;display:grid;position:relative;overflow:hidden}.hazard-tape--banner:before{content:"";background:var(--hazard-tape);opacity:.18;pointer-events:none;position:absolute;inset:0}.hazard-tape--banner>span{font-family:var(--display);letter-spacing:1.2px;text-align:center;text-transform:uppercase;font-size:16px;line-height:1.2;position:relative}.btn{font-family:var(--display);letter-spacing:1px;text-transform:uppercase;min-height:var(--tap);border:3px solid var(--ink);background:var(--ink);color:var(--bg-yellow);box-shadow:var(--shadow-block);border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:18px 24px;font-size:22px;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn:active{box-shadow:var(--shadow-block-sm);transform:translate(3px,3px)}.btn--secondary{background:var(--paper);color:var(--ink)}.btn--danger{background:var(--accent-red);color:#fff}.btn--ghost{color:var(--ink);box-shadow:none;border-color:var(--ink);background:0 0}.btn--ghost:active{box-shadow:none;transform:none}.btn-row{gap:12px;display:grid}.sticker{--rot:-6deg;width:96px;height:auto;transform:rotate(var(--rot));filter:drop-shadow(2px 3px #0000002e);pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}.dangerous-seal{background:var(--accent-red);color:#fff;text-align:center;width:110px;height:110px;font-family:var(--display);letter-spacing:1px;border:4px solid var(--ink);box-shadow:var(--shadow-block-sm);text-transform:uppercase;border-radius:50%;place-items:center;padding:10px;font-size:14px;line-height:1.05;display:grid;position:relative;transform:rotate(-8deg)}.dangerous-seal:before{content:"";border:2px dashed #ffffff8c;border-radius:50%;position:absolute;inset:4px}.dangerous-seal>span{position:relative}.mascot{filter:drop-shadow(4px 6px #0000001f);width:240px;height:240px;margin:0 auto;display:block}.mascot--lg{width:280px;height:280px}.mascot--sm{width:140px;height:140px}@keyframes wiggle{0%,to{transform:rotate(-2deg)translateY(0)}50%{transform:rotate(2deg)translateY(-6px)}}.mascot--wiggle{animation:1.6s ease-in-out infinite wiggle}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.mascot--float{animation:2.4s ease-in-out infinite float}.slider-wrap{gap:18px;padding:4px 0;display:grid}.slider-readout{font-family:var(--display);text-align:center;letter-spacing:-2px;color:var(--ink);text-shadow:4px 4px #00000014;font-size:96px;line-height:.9}.slider-readout small{font-family:var(--body);letter-spacing:2px;text-transform:uppercase;color:var(--ink-soft);margin-top:6px;font-size:14px;font-weight:800;display:block}.slider{appearance:none;border:3px solid var(--ink);background:linear-gradient(90deg, var(--slime-green) 0%, var(--bg-yellow) 50%, var(--orange) 75%, var(--accent-red) 100%) 0/var(--p,0%) 100% no-repeat, var(--paper);background-clip:padding-box;border-radius:999px;outline:none;width:100%;height:28px;transition:filter .2s;position:relative}.slider[data-hot]{filter:drop-shadow(0 0 12px #e6394673)}.slider::-webkit-slider-thumb{appearance:none;background:var(--bg-yellow);border:3px solid var(--ink);width:44px;height:44px;box-shadow:3px 3px 0 var(--ink);cursor:grab;border-radius:12px;transform:rotate(-6deg)}.slider::-moz-range-thumb{background:var(--bg-yellow);border:3px solid var(--ink);width:44px;height:44px;box-shadow:3px 3px 0 var(--ink);cursor:grab;border-radius:12px}.slider:active::-webkit-slider-thumb{cursor:grabbing}.slider-scale{font-family:var(--display);letter-spacing:1.5px;color:var(--ink-soft);text-transform:uppercase;justify-content:space-between;padding:0 4px;font-size:12px;display:flex}.counter{grid-template-columns:var(--tap) 1fr var(--tap);background:var(--paper);border:3px solid var(--ink);box-shadow:var(--shadow-block);border-radius:18px;align-items:center;gap:16px;padding:14px;display:grid}.counter__btn{width:var(--tap);height:var(--tap);border:3px solid var(--ink);background:var(--bg-yellow);font-family:var(--display);box-shadow:3px 3px 0 var(--ink);border-radius:14px;place-items:center;font-size:32px;display:grid}.counter__btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.counter__btn:disabled{opacity:.35;box-shadow:none;transform:none}.counter__value{font-family:var(--display);text-align:center;font-variant-numeric:tabular-nums;font-size:64px;line-height:1}.toggle{background:var(--paper);border:3px solid var(--ink);box-shadow:var(--shadow-block);border-radius:22px;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:8px;display:grid}.toggle__opt{min-height:var(--tap);border:3px solid var(--ink);background:var(--bg-yellow-soft);font-family:var(--display);letter-spacing:1px;text-transform:uppercase;text-align:center;border-radius:16px;place-items:center;padding:10px 6px;font-size:18px;line-height:1.05;transition:transform 80ms,background .12s;display:grid}.toggle__opt[aria-pressed=true]{background:var(--ink);color:var(--bg-yellow);transform:translateY(-3px)rotate(-2deg);box-shadow:3px 5px #00000040}.dots{justify-content:center;gap:12px;padding:8px 0;display:flex}.dot{border:3px solid var(--ink);background:0 0;border-radius:50%;width:14px;height:14px}.dot--on{background:var(--ink)}.dot--current{background:var(--accent-red);border-color:var(--ink);transform:scale(1.15)}.card{background:var(--paper);border:4px solid var(--ink);box-shadow:var(--shadow-block-lg);border-radius:22px;padding:22px}.card--frame{position:relative;overflow:hidden}.card--frame:before,.card--frame:after{content:"";background:var(--hazard-tape);height:16px;position:absolute;left:0;right:0}.card--frame:before{border-bottom:3px solid var(--ink);top:0}.card--frame:after{border-top:3px solid var(--ink);bottom:0}.card--frame>*{padding-block:18px;position:relative}.checklist{gap:10px;display:grid}.checklist__item{border:3px solid var(--ink);cursor:pointer;text-align:left;background:#fff;border-radius:14px;grid-template-columns:32px 1fr;align-items:center;gap:14px;padding:14px;font-size:16px;font-weight:700;transition:background .12s,transform 80ms;display:grid}.checklist__item:active{transform:scale(.99)}.checklist__item[aria-checked=true]{background:var(--slime-green);text-decoration:line-through;-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink);color:var(--ink);text-decoration-thickness:2px}.checkbox{border:3px solid var(--ink);background:var(--bg-yellow);border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.checklist__item[aria-checked=true] .checkbox{background:var(--ink);color:var(--slime-green)}.checkbox svg{width:18px;height:18px}.loadbar{background:var(--paper);border:3px solid var(--ink);width:100%;height:36px;box-shadow:var(--shadow-block);border-radius:18px;overflow:hidden}.loadbar__fill{background:var(--hazard-tape);border-right:3px solid var(--ink);background-size:56px 56px;width:0;height:100%;animation:1.5s cubic-bezier(.65,.05,.36,1) forwards fill,.6s linear infinite slide}@keyframes fill{0%{width:0}to{width:100%}}@keyframes slide{0%{background-position:0 0}to{background-position:56px 0}}.modal-backdrop{z-index:100;background:#111111a6;place-items:center;padding:24px;animation:.16s fadeIn;display:grid;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--paper);border:4px solid var(--ink);width:100%;max-width:360px;box-shadow:var(--shadow-block-lg);border-radius:22px;gap:14px;padding:18px;display:grid}#confetti-root{pointer-events:none;z-index:200;position:fixed;inset:0;overflow:hidden}.confetto{border:2px solid var(--ink);will-change:transform, opacity;width:10px;height:14px;animation:.9s ease-out forwards confetti-fall;position:absolute}@keyframes confetti-fall{0%{opacity:1;transform:translate(0)rotate(0)}to{transform:translate(var(--dx), var(--dy)) rotate(var(--r));opacity:0}}.kicker{font-family:var(--display);letter-spacing:3px;text-transform:uppercase;color:var(--ink-soft);font-size:14px}.h-display{font-family:var(--display);text-transform:uppercase;letter-spacing:.5px;font-size:clamp(40px,11vw,56px);line-height:.92}.h-display--xl{font-size:clamp(48px,14vw,72px)}.subhead{font-family:var(--body);font-size:17px;font-weight:800;line-height:1.35}.scribble-line{background:var(--ink);border-radius:3px;width:64px;height:6px;margin:0 auto}.tag{font-family:var(--display);letter-spacing:1.2px;text-transform:uppercase;background:var(--ink);color:var(--bg-yellow);border:2px solid var(--ink);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;display:inline-flex}button,.checklist__item{-webkit-tap-highlight-color:transparent}.fx-particles{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.fx-particle{filter:drop-shadow(2px 3px #0000002e);transform:rotate(var(--rot,0deg));animation-name:fx-rise;animation-timing-function:cubic-bezier(.4,0,.6,1);animation-iteration-count:infinite;display:block;position:absolute;bottom:-10%}.fx-particle svg{width:100%;height:100%;display:block}@keyframes fx-rise{0%{opacity:0;transform:translate(0, 0) rotate(var(--rot,0deg)) scale(.6)}20%{opacity:1;transform:translate(calc(var(--drift) * .4), -30vh) rotate(calc(var(--rot,0deg) + 30deg)) scale(1)}80%{opacity:.85}to{opacity:0;transform:translate(var(--drift), -110vh) rotate(calc(var(--rot,0deg) + 90deg)) scale(.8)}}#confetti-root .fx-burst{pointer-events:none;filter:drop-shadow(2px 3px #0000002e);will-change:transform, opacity;width:36px;height:36px;animation:.85s cubic-bezier(.18,.82,.34,1.06) forwards fx-burst;position:absolute}#confetti-root .fx-burst svg{width:100%;height:100%}@keyframes fx-burst{0%{opacity:1;transform:translate(0)rotate(0)scale(.4)}to{opacity:0;transform:translate(var(--dx), var(--dy)) rotate(var(--rot)) scale(1)}}.fx-shake{animation:.38s cubic-bezier(.36,.07,.19,.97) both fx-shake}@keyframes fx-shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-7px)}40%,60%{transform:translate(7px)}}.question-card{isolation:isolate;transition:--hue .32s;position:relative}.question-card[data-intensity="0"]{--hue:0}.question-card[data-intensity="1"]{--hue:.2}.question-card[data-intensity="2"]{--hue:.45}.question-card[data-intensity="3"]{--hue:.75}.question-card[data-intensity="4"]{--hue:1}.question-card__mascot img{transition:transform .24s cubic-bezier(.4,0,.2,1)}@keyframes mascot-wobble{0%,to{transform:rotate(-3deg)translateY(0)}50%{transform:rotate(3deg)translateY(-3px)}}.question-card[data-intensity="1"] .question-card__mascot img{animation:1.8s ease-in-out infinite mascot-wobble}.question-card[data-intensity="2"] .question-card__mascot img{transform-origin:50% 70%;animation:1.2s ease-in-out infinite mascot-wobble}.question-card[data-intensity="3"] .question-card__mascot img{filter:drop-shadow(0 0 10px #e6394659);animation:.55s ease-in-out infinite mascot-wobble}.question-card[data-intensity="4"] .question-card__mascot img{filter:drop-shadow(0 0 14px #e6394699)drop-shadow(-2px 0 #ff2bd680)drop-shadow(2px 0 #39ff7f80);animation:.28s ease-in-out infinite mascot-wobble}.question-card[data-intensity="2"] .slider-readout{font-size:110px}.question-card[data-intensity="3"] .slider-readout{color:var(--accent-red);font-size:124px;animation:.6s ease-in-out infinite alternate readout-pulse}.question-card[data-intensity="4"] .slider-readout{color:var(--accent-red);text-shadow:-3px 0 0 var(--bg-yellow), 3px 0 0 var(--ink), 6px 6px 0 #0000002e;font-size:140px;animation:.18s steps(2,end) infinite readout-jolt}@keyframes readout-pulse{0%{transform:scale(1)}to{transform:scale(1.06)}}@keyframes readout-jolt{0%{transform:translate(-2px,-1px)}50%{transform:translate(2px,1px)}to{transform:translate(-1px,2px)}}.question-card:after{content:"";background:var(--accent-red);opacity:0;z-index:-1;pointer-events:none;border-radius:22px;transition:opacity .24s;position:absolute;inset:-16px -8px}.question-card[data-intensity="3"]:after{opacity:.05}.question-card[data-intensity="4"]:after{opacity:.12;animation:.6s ease-in-out infinite alternate card-flash}@keyframes card-flash{0%{opacity:.06}to{opacity:.18}}.question-card[data-intensity="3"] .question-card__title{transform:scale(1.04)}.question-card[data-intensity="4"] .question-card__title{color:var(--accent-red);animation:.18s steps(2,end) infinite title-jitter}@keyframes title-jitter{0%{transform:translate(-1px,-1px)rotate(-.4deg)}50%{transform:translate(1px,1px)rotate(.4deg)}to{transform:translate(-1px,1px)}}.counter[data-hot="1"] .counter__value{color:var(--orange)}.counter[data-hot="2"] .counter__value{color:var(--accent-red);animation:.5s ease-in-out infinite alternate readout-pulse}.counter[data-hot="3"] .counter__value{color:var(--accent-red);text-shadow:-2px 0 0 var(--bg-yellow), 2px 0 0 var(--ink);animation:.18s steps(2,end) infinite title-jitter}.slider-readout small{transition:color .2s}.question-card[data-intensity="3"] .slider-readout small,.question-card[data-intensity="4"] .slider-readout small{color:var(--accent-red)}.question-card>*{z-index:1;position:relative}.fx-particles{z-index:0}.screen{min-height:100dvh;padding:calc(var(--safe-top) + 12px) 18px calc(var(--safe-bottom) + 24px);grid-template-rows:auto 1fr auto;gap:18px;display:grid;position:relative}.screen__top{gap:12px;display:grid}.screen__body{align-content:center;gap:24px;padding:12px 0;display:grid}.screen__nav{gap:10px;display:grid}.landing{background:var(--bg-yellow)}.landing__hero{place-items:center;padding:12px 0;display:grid;position:relative}.landing__splat{z-index:0;place-items:center;display:grid;position:absolute;inset:0}.landing__splat svg{filter:drop-shadow(4px 6px #0000001a);width:110%;max-width:460px;height:auto}.landing__mascot{z-index:1;position:relative}.landing__title{text-align:center;gap:12px;display:grid}.landing__title h1{font-family:var(--display);letter-spacing:0;font-size:clamp(44px,13vw,64px);line-height:.88}.landing__title h1 .ink{background:var(--ink);color:var(--bg-yellow);border:3px solid var(--ink);border-radius:8px;margin:0 -8px;padding:8px 4px 6px;display:block;transform:rotate(-1deg);box-shadow:4px 4px #00000026}.landing__seal{z-index:3;position:absolute;top:4%;right:-8px}.landing__sticker-1{--rot:-10deg;width:88px;top:18%;left:-10px}.landing__sticker-2{--rot:8deg;width:92px;bottom:22%;right:-10px}.landing__sticker-3{--rot:-4deg;width:84px;bottom:-10px;left:8%}.landing__last{text-align:center;color:var(--ink-soft);margin-top:10px;font-size:13px;font-weight:700}.landing__last b{font-family:var(--display);letter-spacing:1px;font-size:16px}.landing__footer{text-align:center;color:var(--ink-soft);padding:18px 8px 0;font-size:11px;font-weight:700;line-height:1.4}.questions__head{grid-template-columns:56px 1fr 56px;align-items:center;gap:8px;display:grid}.questions__back{border:3px solid var(--ink);background:var(--paper);width:44px;height:44px;box-shadow:3px 3px 0 var(--ink);border-radius:12px;place-items:center;display:grid}.questions__back:disabled{opacity:.3}.questions__step-label{text-align:center;font-family:var(--display);letter-spacing:2px;text-transform:uppercase;font-size:14px}.question-card{gap:18px;padding:6px 0;animation:.24s cubic-bezier(.2,.8,.2,1) slide-in;display:grid}@keyframes slide-in{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}.question-card__title{text-align:center;font-family:var(--display);font-size:clamp(36px,9vw,44px);line-height:1}.question-card__mascot{place-items:center;padding:6px 0;display:grid}.question-card__mascot img{width:180px;height:180px;transition:transform .2s}.loading{text-align:center;place-items:center;gap:28px;padding:32px 18px;display:grid}.loading__caption{font-family:var(--display);letter-spacing:1px;place-items:center;min-height:80px;font-size:clamp(28px,7vw,36px);line-height:1.05;display:grid}.loading__caption span{animation:1.5s pop;display:block}@keyframes pop{0%{opacity:0;transform:translateY(10px)}20%,80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.verdict{gap:18px;display:grid}.verdict__card{background:var(--paper);border:4px solid var(--ink);box-shadow:var(--shadow-block-lg);text-align:center;border-radius:22px;gap:14px;padding:26px 22px;display:grid;position:relative;overflow:hidden}.verdict__card:before,.verdict__card:after{content:"";background:var(--hazard-tape);border-block:3px solid var(--ink);height:22px;position:absolute;left:-8px;right:-8px}.verdict__card:before{top:-1px}.verdict__card:after{bottom:-1px}.verdict__card-inner{gap:14px;padding-block:22px;display:grid;position:relative}.verdict__cat-num{font-family:var(--display);letter-spacing:-2px;color:var(--ink);text-shadow:5px 5px 0 var(--tint,var(--bg-yellow-soft));font-size:clamp(64px,18vw,96px);line-height:.85}.verdict__cat-num small{font-family:var(--display);letter-spacing:4px;color:var(--ink-soft);text-shadow:none;margin-bottom:4px;font-size:14px;display:block}.verdict__name{background:var(--accent-red);color:#fff;font-family:var(--display);letter-spacing:1px;border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:999px;margin:0 auto;padding:10px 18px;font-size:clamp(20px,6vw,26px);display:inline-block;transform:rotate(-2deg)}.verdict__mascot{filter:drop-shadow(4px 6px #0000002e);width:220px;height:220px;margin:4px auto}.verdict__line{font-family:var(--body);color:var(--ink);font-size:17px;font-weight:800;line-height:1.3}.verdict__score{font-family:var(--display);letter-spacing:1.5px;background:var(--ink);color:var(--bg-yellow);border-radius:12px;align-items:baseline;gap:8px;margin:0 auto;padding:8px 16px;font-size:22px;display:inline-flex}.verdict__score b{font-variant-numeric:tabular-nums;font-size:30px}.verdict__checklist-title{font-family:var(--display);letter-spacing:1px;align-items:center;gap:10px;margin-bottom:6px;font-size:22px;display:flex}.verdict__checklist-title:after{content:"";background:var(--hazard-tape);border-block:2px solid var(--ink);border-radius:2px;flex:1;height:12px}.share-preview{aspect-ratio:9/16;border:3px solid var(--ink);width:100%;max-height:380px;box-shadow:var(--shadow-block);background:var(--paper);border-radius:14px;overflow:hidden}.share-preview img{object-fit:cover;width:100%;height:100%;display:block}.share-modal__title{font-family:var(--display);letter-spacing:1px;text-align:center;margin:0;font-size:26px}.share-modal__close{text-align:center;padding:8px;font-size:14px;font-weight:800;text-decoration:underline}.share-toast{background:var(--ink);color:var(--slime-green);font-family:var(--display);letter-spacing:1px;z-index:300;border:3px solid var(--slime-green);box-shadow:var(--shadow-block-sm);border-radius:12px;padding:12px 18px;animation:.24s toastIn;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}