:root{--bg-color:#e8f0fe;--primary-color:#ff6b6b;--secondary-color:#4ecdc4;--accent-color:#ffd166;--text-color:#000;--white:#fff;--border-width:3px;--border-color:#000;--shadow:4px 4px 0px #000;--shadow-hover:6px 6px 0px #000;--border-radius:12px;--spacing-xs:8px;--spacing-sm:16px;--spacing-md:24px;--spacing-lg:32px;--spacing-xl:48px;--font-family:"Fredoka One", "Arial", "Helvetica", sans-serif;--font-bold:400;--font-black:400;--transition-speed:.25s}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-family);background-image:linear-gradient(90deg,#0000001a .8px,#0000 .8px),linear-gradient(#0000001a .8px,#0000 .8px);background-size:20px 20px;line-height:1.6}.neobrutal-container{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;max-width:100%;height:100vh;min-height:100vh;margin:0 auto;padding:2.75rem 2.25rem 3rem;display:flex;overflow:hidden auto}.neobrutal-card{background-color:var(--white);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow);transition:all var(--transition-speed) ease;margin-bottom:1.25rem;padding:2.25rem 1.75rem}.neobrutal-card:hover{transform:translateY(-5px);box-shadow:0 10px #000}.neobrutal-button{background-color:var(--white);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-family);font-weight:var(--font-bold);cursor:pointer;letter-spacing:.02em;justify-content:center;align-items:center;min-width:120px;min-height:60px;margin-top:1.75rem;font-size:16px;transition:all .22s;display:inline-flex}.neobrutal-button:hover{background-color:var(--primary-color);color:var(--white);transform:scale(1.03);box-shadow:0 10px #000}.neobrutal-button:active{box-shadow:none;transform:translate(4px,4px)}.neobrutal-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:var(--shadow);transform:none}.neobrutal-progress-container{width:100%;padding-top:30px;padding-bottom:8px;position:relative}.neobrutal-progress{background-color:var(--white);border:var(--border-width) solid var(--border-color);border-radius:24px;width:100%;height:48px;margin-bottom:0;position:relative;overflow:hidden}.neobrutal-progress-bar{background-color:var(--accent-color);box-sizing:border-box;border-radius:20px;justify-content:center;align-items:center;min-width:70px;height:100%;padding:0 10px;transition:width .3s ease-out;display:flex;position:relative}.neobrutal-progress-bar.progress-bar-complete,.neobrutal-progress-bar[style*="width: 100"],.neobrutal-progress-bar[style*=width\:100]{border-right:none;border-radius:20px;padding:0 12px;width:100%!important}.progress-text{color:#000;text-shadow:none;background:0 0;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:initial;letter-spacing:0;white-space:nowrap;font-family:Inter,Arial,sans-serif;font-size:18px;font-weight:900;line-height:1}@keyframes wangcaiBounce{0%{transform:translateY(0)}to{transform:translateY(-4px)}}@keyframes earWiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}@keyframes blink{0%,45%,55%,to{transform:scaleY(1)}50%{transform:scaleY(.1)}}@keyframes mouthMove{0%,to{transform:translateY(0)}50%{transform:translateY(2px)}}@keyframes tongueMove{0%,to{transform:translateY(0)scaleY(1)}50%{transform:translateY(3px)scaleY(1.2)}}.crazy-text-transition{animation:.2s ease-out textFadeIn}@keyframes textFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dog-icon-container{text-align:center!important;justify-content:center!important;align-items:center!important;width:100%!important;display:flex!important}.dog-icon-container img{float:none!important;margin-left:auto!important;margin-right:auto!important;display:block!important}.neobrutal-option{background-color:var(--white);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:var(--spacing-md);cursor:pointer;transition:all var(--transition-speed) ease;margin-bottom:var(--spacing-sm);align-items:center;min-height:60px;display:flex}.neobrutal-option:hover{background-color:var(--secondary-color);color:var(--white);box-shadow:var(--shadow-hover);transform:translate(-2px,-2px)}.neobrutal-option.selected{background-color:var(--primary-color);color:var(--white);box-shadow:none;transform:translate(4px,4px)}.option-letter{background-color:var(--accent-color);border:var(--border-width) solid var(--border-color);width:32px;height:32px;font-weight:var(--font-black);margin-right:var(--spacing-md);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.neobrutal-title{font-weight:var(--font-black);letter-spacing:-.02em;margin-bottom:.875rem;font-size:28px;line-height:1.15}.neobrutal-subtitle{font-weight:var(--font-bold);margin-bottom:.625rem;font-size:20px;line-height:1.5}.neobrutal-text{margin-bottom:var(--spacing-md);font-size:16px;line-height:1.5}.copyright{text-align:center;margin-top:1.25rem;padding-bottom:1.5rem;font-size:12px}.button-copy:hover{color:#1e40af!important;background-color:#e8f0fe!important}.button-poster:hover{color:#92400e!important;background-color:#fef3c7!important}.button-restart:hover{color:#15803d!important;background-color:#dcfce7!important}@media (width<=768px){.neobrutal-container{padding:var(--spacing-sm);max-width:100%;margin:0 auto}.neobrutal-card{padding:var(--spacing-md)}.neobrutal-title{font-size:24px}.neobrutal-subtitle{font-size:18px}.neobrutal-text{font-size:16px}.progress-section .neobrutal-card{margin-bottom:1rem;padding:1rem 1.25rem}.progress-section .neobrutal-subtitle{margin-bottom:.5rem;font-size:16px}.neobrutal-progress{border-radius:18px;height:36px}.neobrutal-progress-bar{min-width:50px;padding:0 8px;font-size:14px}.neobrutal-progress-bar.progress-bar-complete,.neobrutal-progress-bar[style*="width: 100"],.neobrutal-progress-bar[style*=width\:100]{padding:0 10px}.progress-text{margin-top:.5rem;font-size:14px}.decoration-element{display:none}.mobile-progress-row{align-items:center;width:100%;display:flex}@media (width<=768px){.mobile-progress-row{flex-direction:row;align-items:center;gap:12px}.mobile-progress-row .emoji-3d{font-size:32px!important}.mobile-progress-row .neobrutal-progress{height:20px!important}.mobile-progress-row .neobrutal-subtitle{font-size:12px!important}.mobile-progress-row .progress-text{font-size:10px!important}}.mobile-bottom-buttons{background-color:var(--bg-color);border-top:var(--border-width) solid var(--border-color);padding:var(--spacing-sm);z-index:100;justify-content:space-between;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-bottom-buttons .neobrutal-button{margin:0 var(--spacing-xs);flex:1}}@media (width>=768px) and (width<=1024px){.neobrutal-container{max-width:600px;margin:0 auto}.options-grid{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr);display:grid}.options-grid .neobrutal-option{margin-bottom:0}}@media (width>=1024px){.neobrutal-container{max-width:820px;margin:0 auto}.neobrutal-container.has-grid-layout{gap:var(--spacing-lg);grid-template-columns:1fr 2fr;align-items:start;display:grid}.progress-section{top:var(--spacing-lg);position:sticky}.question-section{grid-column:2}.neobrutal-title{font-size:32px}}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.8)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.neobrutal-animate-slide{animation:.3s forwards slideIn}.neobrutal-animate-bounce{animation:.3s forwards bounceIn}.neobrutal-loading{justify-content:center;align-items:center;height:200px;display:flex}.neobrutal-loading-spinner{border:var(--border-width) solid var(--border-color);border-top:var(--border-width) solid var(--primary-color);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.neobrutal-error{border:var(--border-width) solid red;border-radius:var(--border-radius);padding:var(--spacing-md);margin-bottom:var(--spacing-md);color:red;font-weight:var(--font-bold);background-color:#ffe0e0}.neobrutal-help-text{color:#666;margin-top:var(--spacing-xs);font-size:14px}.text-primary-color{color:var(--primary-color)}.loading-page-container{width:100%;max-width:100%;height:100vh;min-height:100vh;padding:var(--spacing-md);box-sizing:border-box;justify-content:center;align-items:center;display:flex;overflow:hidden}.loading-card{width:90%;max-width:480px;margin:0;padding:3rem 2.5rem}@media (width>=768px){.loading-card{padding:3.5rem 3rem}}.emoji-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.emoji-image{-o-object-fit:contain;object-fit:contain;border-radius:8px;width:60px;height:60px;transition:transform .2s}.emoji-image:hover{transform:scale(1.1)}@media (width>=768px){.emoji-image{width:80px;height:80px}.emoji-container{gap:1.5rem}}.font-scheme-comic{letter-spacing:.1em;text-transform:uppercase;font-family:Bangers,"Press Start 2P",cursive}.font-scheme-comic .creative-title{text-shadow:3px 3px #000;letter-spacing:.15em!important;font-size:2.5rem!important}.font-scheme-comic .creative-text{letter-spacing:.05em;font-family:Permanent Marker,cursive;transform:rotate(-1deg);font-size:1.25rem!important}.font-scheme-comic .creative-accent{letter-spacing:.1em;font-family:Creepster,cursive;font-size:1.5rem!important}.font-scheme-glitch{font-family:Rubik Glitch,Space Grotesk,sans-serif}.font-scheme-glitch .creative-title{animation:3s infinite glitchText;position:relative;font-size:2.25rem!important}.font-scheme-glitch .creative-title:before,.font-scheme-glitch .creative-title:after{content:attr(data-text);width:100%;height:100%;position:absolute;top:0;left:0}.font-scheme-glitch .creative-title:before{text-shadow:-2px 0 #ff6b6b;clip:rect(44px, 450px, 56px, 0);animation:3s linear infinite alternate-reverse glitchAnim;left:2px}.font-scheme-glitch .creative-title:after{text-shadow:-2px 0 #4ecdc4;clip:rect(44px, 450px, 56px, 0);animation:2s linear infinite alternate-reverse glitchAnim;left:-2px}.font-scheme-glitch .creative-text{letter-spacing:.08em;font-family:Space Grotesk,sans-serif;font-weight:600;font-size:1.1rem!important}.font-scheme-glitch .creative-accent{font-family:Rubik Glitch,sans-serif;font-size:1.25rem!important}@keyframes glitchAnim{0%{clip:rect(31px, 9999px, 94px, 0)}20%{clip:rect(62px, 9999px, 42px, 0)}40%{clip:rect(16px, 9999px, 78px, 0)}60%{clip:rect(79px, 9999px, 8px, 0)}80%{clip:rect(27px, 9999px, 65px, 0)}to{clip:rect(52px, 9999px, 23px, 0)}}@keyframes glitchText{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}}.font-scheme-handwritten{font-family:Permanent Marker,Space Grotesk,cursive}.font-scheme-handwritten .creative-title{letter-spacing:.08em;text-underline-offset:8px;-webkit-text-decoration:underline wavy #ff6b6b;text-decoration:underline wavy #ff6b6b;transform:rotate(-2deg);font-size:2.25rem!important}.font-scheme-handwritten .creative-text{letter-spacing:.03em;font-family:Permanent Marker,cursive;transform:rotate(1deg);font-size:1.2rem!important}.font-scheme-handwritten .creative-accent{letter-spacing:.05em;font-family:Permanent Marker,cursive;position:relative;transform:rotate(-1deg);font-size:1.35rem!important}.font-scheme-handwritten .creative-accent:after{content:"✨";font-size:1.5rem;position:absolute;top:-10px;right:-20px}@media (width<=640px){.font-scheme-comic .creative-title,.font-scheme-glitch .creative-title,.font-scheme-handwritten .creative-title{font-size:1.75rem!important}.font-scheme-comic .creative-text,.font-scheme-glitch .creative-text,.font-scheme-handwritten .creative-text{font-size:1rem!important}.font-scheme-comic .creative-accent,.font-scheme-glitch .creative-accent,.font-scheme-handwritten .creative-accent{font-size:1.1rem!important}}.gif-container{box-sizing:border-box;width:100%;max-width:100%;overflow:hidden}.gif-image{-o-object-fit:contain;object-fit:contain;box-sizing:border-box;width:100%;max-width:100%;height:auto;max-height:500px;display:block}@media (width<=640px){.gif-image{max-height:350px}}@media (width>=768px) and (width<=1024px){.gif-image{max-height:450px}}@media (width>=1024px){.gif-image{max-height:550px}}.loading-card{width:100%;max-width:600px;margin:0 auto}@media (width>=768px){.loading-card{max-width:700px}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.7}}.animate-pulse-soft{animation:2s ease-in-out infinite pulse-soft}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:.6s ease-out fadeInUp}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:3s linear infinite spin-slow}.loading-stage-text{transition:opacity .5s ease-in-out}.neobrutal-nav{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:var(--border-width) solid var(--border-color);justify-content:space-between;display:flex}.progress-text{font-weight:var(--font-bold);margin-bottom:var(--spacing-xs);text-align:right}.emoji-3d{margin-bottom:var(--spacing-md);text-shadow:3px 3px #0003;font-size:80px;transition:transform .3s}.emoji-3d:hover{transform:scale(1.1)rotate(5deg)}.decoration-element{z-index:-1;opacity:.5;position:absolute}.decoration-circle{border:var(--border-width) solid var(--border-color);background-color:var(--accent-color);border-radius:50%;width:100px;height:100px;top:10%;right:10%}.decoration-square{border:var(--border-width) solid var(--border-color);background-color:var(--secondary-color);width:80px;height:80px;bottom:10%;left:10%;transform:rotate(15deg)}