:root{--primary: #7C3AED;--primary-light: #8B5CF6;--primary-dark: #6D28D9;--secondary: #3B82F6;--secondary-light: #60A5FA;--accent: #FACC15;--accent-dark: #EAB308;--bg: #F5F0EB;--bg-light: #FFFFFF;--surface: #FFFFFF;--surface-light: #FDF8F4;--text: #1A1A1A;--text-muted: #555555;--text-dim: #888888;--success: #16A34A;--error: #DC2626;--error-light: #FCA5A5;--black: #1A1A1A;--radius: 20px;--radius-sm: 14px;--radius-xs: 10px;--shadow: 5px 5px 0 var(--black);--shadow-lg: 7px 7px 0 var(--black);--shadow-accent: 5px 5px 0 var(--accent-dark);--shadow-primary: 5px 5px 0 var(--primary-dark);--border: 3px solid var(--black);--border-light: 2px solid #E5E5E5;--font-display: "Poppins", sans-serif;--font-body: "Inter", sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--transition-fast: .15s var(--ease-smooth);--transition-normal: .3s var(--ease-smooth);--transition-bounce: .5s var(--ease-bounce)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100dvh;display:flex;flex-direction:column}#confetti-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}.page{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-lg);max-width:480px;margin:0 auto;width:100%;animation:pageIn .5s var(--ease-bounce) both}@keyframes pageIn{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}h1,h2,h3{font-family:var(--font-display);font-weight:800;line-height:1.15;color:var(--text)}h1{font-size:clamp(2rem,8vw,3rem);letter-spacing:-.02em}h2{font-size:clamp(1.4rem,5vw,1.8rem);letter-spacing:-.01em}h3{font-size:1.1rem;font-weight:700}p{line-height:1.6}.tagline{font-size:clamp(1rem,4vw,1.15rem);color:var(--text-muted);font-weight:500;line-height:1.5}.subtext{font-size:.875rem;color:var(--text-dim)}.emoji-big{font-size:2.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-family:var(--font-display);font-size:1.1rem;font-weight:700;border:var(--border);border-radius:var(--radius);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none;position:relative;overflow:hidden;z-index:10}.btn:active{transform:translate(4px,4px)!important;box-shadow:0 0 0 var(--black)!important}.btn-primary{background:var(--accent);color:var(--black);box-shadow:var(--shadow-lg);font-size:1.2rem;padding:var(--space-md) var(--space-2xl)}.btn-primary:hover{transform:translate(-2px,-2px);box-shadow:9px 9px 0 var(--black)}.btn-secondary{background:var(--surface);color:var(--text);box-shadow:var(--shadow);font-size:1rem}.btn-secondary:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--black);background:var(--surface-light)}.btn-ghost{background:var(--surface);color:var(--text-muted);border:var(--border);box-shadow:var(--shadow);font-size:.9rem;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm)}.btn-ghost:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--black);color:var(--text)}.btn-ghost:active{transform:translate(3px,3px)!important;box-shadow:0 0 0 var(--black)!important}.btn-ig{background:linear-gradient(135deg,#833ab4,#fd1d1d,#f77737);color:#fff;box-shadow:var(--shadow);font-size:.95rem;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm)}.btn-ig:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--black)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:var(--shadow)!important}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.btn-pulse{animation:pulse 2s var(--ease-smooth) infinite}.btn-pulse:hover{animation:none}.card{background:var(--surface);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space-lg);width:100%}.card-glow{position:relative}.card-glow:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:calc(var(--radius) + 3px);background:linear-gradient(135deg,var(--primary),var(--secondary),var(--accent));z-index:-1;opacity:.5;filter:blur(12px)}.answer-card{background:var(--surface);border:var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:var(--space-md) var(--space-lg);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;gap:var(--space-md);width:100%;text-align:left}.answer-card:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--black);background:var(--surface-light)}.answer-card:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--black)}.answer-card.selected{background:var(--primary);border-color:var(--primary-dark);box-shadow:5px 5px 0 var(--primary-dark);color:#fff}.answer-card.selected .answer-key{background:#ffffff40;color:#fff;border-color:#ffffff4d}.answer-key{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg);border-radius:var(--radius-xs);font-family:var(--font-display);font-weight:700;font-size:.85rem;color:var(--text-muted);text-transform:uppercase;border:2px solid #E0E0E0}.answer-text{font-size:1rem;font-weight:500;line-height:1.4}.form-group{width:100%;margin-bottom:var(--space-lg)}.form-label{display:block;font-family:var(--font-display);font-weight:700;font-size:.9rem;margin-bottom:var(--space-sm);color:var(--text)}.input-field{width:100%;padding:var(--space-md) var(--space-lg);background:var(--surface);border:var(--border);border-radius:var(--radius-sm);box-shadow:4px 4px 0 var(--black);color:var(--text);font-family:var(--font-body);font-size:1rem;font-weight:500;transition:box-shadow var(--transition-fast),transform var(--transition-fast),border-color var(--transition-fast);outline:none}.input-field::placeholder{color:var(--text-dim)}.input-field:focus{border-color:var(--primary);box-shadow:var(--shadow-primary);transform:translate(-1px,-1px)}.input-field.error{border-color:var(--error);box-shadow:4px 4px 0 var(--error)}.error-text{color:var(--error);font-size:.8rem;margin-top:var(--space-xs);font-weight:600;display:flex;align-items:center;gap:var(--space-xs)}.chip-group{display:flex;gap:var(--space-sm);flex-wrap:wrap}.chip{padding:var(--space-sm) var(--space-lg);background:var(--surface);border:var(--border);border-radius:var(--radius-sm);box-shadow:4px 4px 0 var(--black);cursor:pointer;font-family:var(--font-display);font-weight:700;font-size:.9rem;color:var(--text-muted);transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.chip:hover{background:var(--surface-light);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--black)}.chip:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--black)}.chip.selected{background:var(--primary);color:#fff;border-color:var(--primary-dark);box-shadow:4px 4px 0 var(--primary-dark)}.checkbox-group{display:flex;align-items:flex-start;gap:var(--space-md);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-box{flex-shrink:0;width:28px;height:28px;background:var(--surface);border:var(--border);border-radius:var(--radius-xs);box-shadow:3px 3px 0 var(--black);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.checkbox-box.checked{background:var(--success);border-color:var(--black)}.checkbox-box.checked:after{content:"✓";color:#fff;font-weight:900;font-size:1rem}.checkbox-box.error{border-color:var(--error);box-shadow:3px 3px 0 var(--error)}.checkbox-label{font-size:.85rem;color:var(--text-muted);line-height:1.5;padding-top:2px}.progress-container{width:100%;margin-bottom:var(--space-lg)}.progress-label{font-family:var(--font-display);font-weight:700;font-size:.85rem;color:var(--text-muted);margin-bottom:var(--space-sm);text-align:center}.progress-bar{width:100%;height:14px;background:var(--bg);border:var(--border);border-radius:999px;overflow:hidden;box-shadow:3px 3px 0 var(--black)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary),var(--accent));border-radius:999px;transition:width .5s var(--ease-bounce);background-size:200% 100%;animation:progressShine 2s linear infinite}@keyframes progressShine{0%{background-position:200% 0}to{background-position:-200% 0}}.result-card{background:var(--surface);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:var(--space-xl);text-align:center;width:100%;position:relative;overflow:hidden}.result-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,var(--accent),transparent,var(--primary),transparent);animation:resultSpin 6s linear infinite;opacity:.05}@keyframes resultSpin{to{transform:rotate(360deg)}}.result-card-inner{position:relative;z-index:1}.result-vibe-emoji{font-size:3.5rem;margin-bottom:var(--space-md);display:block;animation:vibeBounce 2s var(--ease-bounce) infinite}@keyframes vibeBounce{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(-5deg)}75%{transform:translateY(-5px) rotate(5deg)}}.result-vibe-name{font-family:var(--font-display);font-weight:900;font-size:1.6rem;color:var(--primary);margin-bottom:var(--space-sm)}.result-vibe-desc{color:var(--text-muted);font-size:.95rem;margin-bottom:var(--space-lg)}.result-watermark{font-size:.7rem;color:var(--text-dim);margin-top:var(--space-lg);opacity:.5}.match-card{background:var(--surface);border:var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:var(--space-md) var(--space-lg);display:flex;align-items:center;gap:var(--space-md);width:100%;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.match-card:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--black)}.match-avatar{width:48px;height:48px;border-radius:var(--radius-xs);background:linear-gradient(135deg,var(--primary),var(--secondary));display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:800;color:#fff;flex-shrink:0;border:2px solid var(--black);box-shadow:2px 2px 0 var(--black)}.match-info{flex:1;min-width:0}.match-name{font-family:var(--font-display);font-weight:700;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.match-percent{font-size:.8rem;color:var(--primary);font-weight:700}.reaction-toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);background:var(--surface);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:var(--space-lg) var(--space-xl);font-family:var(--font-display);font-weight:700;font-size:1.2rem;text-align:center;z-index:100;pointer-events:none;color:var(--text);animation:toastPop 1.2s var(--ease-bounce) forwards}@keyframes toastPop{0%{transform:translate(-50%,-50%) scale(0);opacity:0}20%{transform:translate(-50%,-50%) scale(1.1);opacity:1}40%{transform:translate(-50%,-50%) scale(1);opacity:1}80%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(.8);opacity:0}}.counter-badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--surface);border:var(--border);border-radius:999px;box-shadow:3px 3px 0 var(--black);font-size:.8rem;color:var(--text-muted);font-weight:600}.counter-dot{width:8px;height:8px;background:var(--success);border-radius:50%;animation:dotPulse 2s ease infinite}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.doodles{display:none!important}.doodle{position:absolute;font-size:2rem;opacity:.12;animation:float 12s ease-in-out infinite}.doodle:nth-child(1){top:10%;left:8%;animation-delay:0s}.doodle:nth-child(2){top:25%;right:5%;animation-delay:-2s}.doodle:nth-child(3){bottom:30%;left:12%;animation-delay:-4s}.doodle:nth-child(4){bottom:15%;right:10%;animation-delay:-6s}.doodle:nth-child(5){top:50%;left:3%;animation-delay:-8s}.doodle:nth-child(6){top:70%;right:8%;animation-delay:-10s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(10deg)}66%{transform:translateY(10px) rotate(-5deg)}}.back-btn{position:absolute;top:var(--space-lg);left:var(--space-lg);background:var(--surface);border:var(--border);box-shadow:3px 3px 0 var(--black);color:var(--text);font-size:1.3rem;cursor:pointer;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-xs);transition:all var(--transition-fast);z-index:10;-webkit-tap-highlight-color:transparent;font-weight:700}.back-btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--black)}.back-btn:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--black)}.stack{display:flex;flex-direction:column;width:100%}.stack-xs{gap:var(--space-xs)}.stack-sm{gap:var(--space-sm)}.stack-md{gap:var(--space-md)}.stack-lg{gap:var(--space-lg)}.stack-xl{gap:var(--space-xl)}.text-center{text-align:center}.text-left{text-align:left}.w-full{width:100%}.mt-auto{margin-top:auto}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.relative{position:relative}.ticker-wrap{width:100%;overflow:hidden;background:var(--accent);border-top:3px solid var(--black);border-bottom:3px solid var(--black);padding:8px 0;box-shadow:0 4px 0 var(--black);z-index:10;position:relative}.ticker-move{display:inline-flex;white-space:nowrap;animation:tickerAnimation 25s linear infinite;gap:16px}.ticker-item{font-family:var(--font-display);font-weight:800;font-size:.8rem;letter-spacing:.05em;color:var(--black)}@keyframes tickerAnimation{0%{transform:translate(0)}to{transform:translate(-50%)}}.page-landing{justify-content:flex-start;text-align:center;overflow-x:hidden;min-height:100dvh;position:relative;padding-top:var(--space-xl);padding-bottom:var(--space-3xl);max-width:540px}.landing-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-xl);z-index:2;width:100%}.hero-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;background:var(--surface);border:var(--border);border-radius:999px;box-shadow:3px 3px 0 var(--black);font-family:var(--font-display);font-weight:700;font-size:.78rem;color:var(--text);letter-spacing:.02em;text-transform:uppercase}.hero-emoji{font-size:4rem;line-height:1;filter:drop-shadow(3px 3px 0 rgba(0,0,0,.1));animation:heroEmojiBounce 3s var(--ease-bounce) infinite}@keyframes heroEmojiBounce{0%,to{transform:translateY(0) scale(1)}30%{transform:translateY(-12px) scale(1.05)}60%{transform:translateY(-4px) scale(1.02)}}.hero-title{font-size:clamp(2.4rem,9.5vw,3.8rem);font-weight:900;line-height:1.15;letter-spacing:-.03em;color:var(--text);display:flex;flex-direction:column;align-items:center;gap:8px;margin:4px 0 2px}.hero-title-prefix{display:inline-block;font-size:clamp(2rem,8vw,3.1rem);font-weight:900;color:var(--black);letter-spacing:-.02em;text-shadow:2px 2px 0 rgba(0,0,0,.06)}.hero-title-badge{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);color:var(--black);border:3.5px solid var(--black);border-radius:var(--radius-sm);box-shadow:6px 6px 0 var(--black);padding:6px 20px 8px;transform:rotate(-1.5deg);transition:transform .3s var(--ease-bounce),box-shadow .2s ease,background-color .2s ease;position:relative;-webkit-user-select:none;user-select:none;cursor:default}.hero-title-badge:hover{transform:rotate(0) scale(1.03) translate(-2px,-2px);box-shadow:8px 8px 0 var(--black);background:#fde047}.hero-badge-sparkle{position:absolute;top:-12px;right:-10px;font-size:1.3rem;color:var(--primary);line-height:1;animation:sparkleTwinkle 2s ease-in-out infinite;pointer-events:none}@keyframes sparkleTwinkle{0%,to{transform:scale(1) rotate(0);opacity:.9}50%{transform:scale(1.25) rotate(15deg);opacity:1}}.hero-badge-text{font-family:var(--font-display);font-weight:900;font-size:clamp(2.1rem,8.5vw,3.4rem);letter-spacing:-.02em;color:var(--black);line-height:1.05}.hero-title-emoji{font-size:clamp(1.8rem,6.5vw,2.6rem);line-height:1;display:inline-block;animation:waveEmoji 2.8s ease-in-out infinite;transform-origin:70% 70%}@keyframes waveEmoji{0%,to{transform:rotate(0)}15%{transform:rotate(14deg)}30%{transform:rotate(-8deg)}45%{transform:rotate(14deg)}60%{transform:rotate(-4deg)}75%{transform:rotate(10deg)}}.hero-tagline{font-size:clamp(1rem,4vw,1.15rem);color:var(--text-muted);font-weight:500;line-height:1.6;max-width:380px}.hero-highlight{color:var(--primary);font-weight:700;position:relative}.hero-highlight:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--primary);border-radius:2px;opacity:.4}.feature-pills{display:flex;gap:var(--space-sm);flex-wrap:wrap;justify-content:center}.feature-pill{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;background:var(--surface);border:2.5px solid var(--black);border-radius:var(--radius-sm);box-shadow:3px 3px 0 var(--black);font-family:var(--font-display);font-weight:700;font-size:.78rem;color:var(--text);white-space:nowrap;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.feature-pill:nth-child(1){transform:rotate(-2deg)}.feature-pill:nth-child(2){transform:rotate(1deg)}.feature-pill:nth-child(3){transform:rotate(-1deg)}.feature-pill:hover{transform:rotate(0) translate(-2px,-2px)!important;box-shadow:5px 5px 0 var(--black)}.hero-live-card{background:var(--surface);border:var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:16px 20px;width:100%;max-width:400px;transform:rotate(-1deg);transition:transform var(--transition-bounce),box-shadow var(--transition-fast)}.hero-live-card:hover{transform:rotate(0) scale(1.02);box-shadow:7px 7px 0 var(--black)}.live-card-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-weight:800;font-size:.7rem;letter-spacing:.05em;color:var(--text-muted);text-transform:uppercase;margin-bottom:12px}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--success);display:inline-block;box-shadow:0 0 0 2px #16a34a66;animation:pulseDot 1.5s infinite}@keyframes pulseDot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.7}}.live-card-body{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:10px}.live-card-avatar{width:44px;height:44px;background:var(--accent);border:2px solid var(--black);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;box-shadow:2px 2px 0 var(--black)}.live-card-avatar-alt{background:var(--secondary-light)}.live-card-connector{display:flex;align-items:center;gap:6px}.connector-line{width:24px;height:2px;background:var(--black)}.connector-score{font-family:var(--font-display);font-weight:800;font-size:.78rem;background:var(--black);color:#fff;padding:3px 8px;border-radius:999px}.live-card-desc{font-size:.85rem;line-height:1.4;color:var(--text)}.live-card-quote{font-size:.78rem;color:var(--text-muted);font-style:italic}.hero-cta-group{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.btn-cta{font-size:1.25rem;padding:18px 48px;gap:var(--space-md);border-radius:var(--radius);position:relative}.cta-arrow{display:inline-block;transition:transform .3s var(--ease-bounce);font-size:1.3rem}.btn-cta:hover .cta-arrow{transform:translate(6px)}.cta-subtext{font-size:.78rem;font-weight:600;color:var(--text-muted);display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.counter-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;background:var(--surface);border:2px solid var(--black);border-radius:999px;box-shadow:3px 3px 0 var(--black);font-size:.85rem;color:var(--text)}.counter-dot{width:8px;height:8px;border-radius:50%;background:var(--success);display:inline-block;box-shadow:0 0 0 2px #16a34a4d;animation:pulseDot 1.5s infinite}.landing-section{width:100%;margin-top:var(--space-xl);display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.section-title-wrap{text-align:center;margin-bottom:var(--space-xs)}.section-tag{display:inline-block;font-family:var(--font-display);font-size:.72rem;font-weight:800;letter-spacing:.08em;background:var(--black);color:#fff;padding:4px 10px;border-radius:var(--radius-xs);margin-bottom:6px}.section-heading{font-size:clamp(1.4rem,5vw,1.8rem);font-weight:800}.steps-grid{display:grid;grid-template-columns:1fr;gap:var(--space-md);width:100%}@media (min-width: 480px){.steps-grid{grid-template-columns:repeat(3,1fr)}}.step-card{background:var(--surface);border:var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:18px 14px;text-align:left;position:relative;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.step-card:hover{transform:translateY(-3px);box-shadow:6px 6px 0 var(--black)}.step-num{position:absolute;top:10px;right:12px;font-family:var(--font-display);font-weight:900;font-size:1.1rem;color:var(--accent-dark);opacity:.8}.step-emoji{font-size:1.8rem;margin-bottom:8px}.step-title{font-size:.95rem;font-weight:800;margin-bottom:4px}.step-desc{font-size:.8rem;color:var(--text-muted);line-height:1.4}.vibes-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);width:100%}.vibe-preview-card{background:var(--surface);border:var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:16px 12px;text-align:center;cursor:pointer;transition:all var(--transition-bounce);-webkit-user-select:none;user-select:none}.vibe-preview-card:hover{transform:translateY(-3px) scale(1.02);box-shadow:6px 6px 0 var(--black)}.vibe-preview-card.card-tapped{transform:scale(.95)!important;background:var(--accent)!important}.vibe-preview-emoji{font-size:2.2rem;display:block;margin-bottom:6px}.vibe-preview-name{font-family:var(--font-display);font-size:.88rem;font-weight:800;margin-bottom:4px}.vibe-preview-quote{font-size:.72rem;color:var(--text-muted);line-height:1.3;margin-bottom:8px}.vibe-preview-tag{display:inline-block;font-size:.68rem;font-weight:700;background:var(--bg);border:1.5px solid var(--black);border-radius:999px;padding:2px 8px}.testimonials-stack{display:flex;flex-direction:column;gap:var(--space-sm);width:100%}.testimonial-card{background:var(--surface);border:var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:16px 18px;text-align:left}.testimonial-stars{color:#f59e0b;font-size:.85rem;margin-bottom:6px;letter-spacing:2px}.testimonial-quote{font-size:.88rem;line-height:1.5;color:var(--text);margin-bottom:8px;font-style:italic}.testimonial-author{font-size:.78rem;color:var(--text-muted)}.final-cta-card{background:var(--accent);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:28px 20px;text-align:center;width:100%;margin-top:var(--space-xl)}.final-cta-emoji{font-size:2.5rem;margin-bottom:8px}.final-cta-title{font-size:1.6rem;font-weight:900;margin-bottom:6px}.final-cta-desc{font-size:.9rem;color:var(--black);font-weight:500;max-width:320px;margin:0 auto 18px;line-height:1.4}.landing-footer-brand{margin-top:var(--space-xl);font-family:var(--font-display);font-size:.72rem;font-weight:700;color:var(--text-dim);letter-spacing:.05em}.landing-decorations{display:none!important}.geo-shape{position:absolute;border:3px solid var(--black);animation:geoFloat 8s ease-in-out infinite}.geo-circle{border-radius:50%}.geo-square{border-radius:6px}.geo-1{width:60px;height:60px;background:var(--accent);top:8%;left:6%;opacity:.25;animation-delay:0s;transform:rotate(15deg);box-shadow:3px 3px 0 var(--black)}.geo-2{width:40px;height:40px;background:var(--primary-light);top:15%;right:8%;opacity:.2;animation-delay:-2s;transform:rotate(-12deg);box-shadow:2px 2px 0 var(--black)}.geo-3{width:32px;height:32px;background:var(--secondary-light);bottom:22%;left:5%;opacity:.2;animation-delay:-4s;box-shadow:2px 2px 0 var(--black)}.geo-4{width:50px;height:50px;background:var(--accent);bottom:12%;right:6%;opacity:.18;animation-delay:-6s;transform:rotate(25deg);box-shadow:3px 3px 0 var(--black)}.geo-5{width:24px;height:24px;background:var(--primary);top:45%;left:3%;opacity:.15;animation-delay:-3s;box-shadow:2px 2px 0 var(--black)}.geo-6{width:36px;height:36px;background:var(--secondary);top:65%;right:4%;opacity:.15;animation-delay:-5s;transform:rotate(-8deg);box-shadow:2px 2px 0 var(--black)}@keyframes geoFloat{0%,to{transform:translateY(0) rotate(var(--geo-rotate, 0deg))}33%{transform:translateY(-15px) rotate(calc(var(--geo-rotate, 0deg) + 8deg))}66%{transform:translateY(8px) rotate(calc(var(--geo-rotate, 0deg) - 4deg))}}.vibe-float{position:absolute;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--surface);border:2.5px solid var(--black);border-radius:var(--radius-xs);box-shadow:3px 3px 0 var(--black);font-size:1.3rem;animation:vibeSticker 10s ease-in-out infinite;opacity:.35}.vibe-float-1{top:28%;left:4%;animation-delay:-1s;transform:rotate(-10deg)}.vibe-float-2{top:38%;right:3%;animation-delay:-3s;transform:rotate(8deg)}.vibe-float-3{bottom:35%;left:7%;animation-delay:-5s;transform:rotate(5deg)}.vibe-float-4{bottom:20%;right:5%;animation-delay:-7s;transform:rotate(-6deg)}@keyframes vibeSticker{0%,to{transform:translateY(0) rotate(var(--sticker-rotate, 0deg))}25%{transform:translateY(-10px) rotate(calc(var(--sticker-rotate, 0deg) + 5deg))}75%{transform:translateY(6px) rotate(calc(var(--sticker-rotate, 0deg) - 3deg))}}.stagger-1,.stagger-2,.stagger-3,.stagger-4,.stagger-5,.stagger-6,.stagger-7{opacity:0;transform:translateY(24px);animation:staggerIn .7s var(--ease-bounce) forwards}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.35s}.stagger-4{animation-delay:.5s}.stagger-5{animation-delay:.65s}.stagger-6{animation-delay:.8s}.stagger-7{animation-delay:.95s}@keyframes staggerIn{0%{opacity:0;transform:translateY(24px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.landing-bg-pattern{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle,#d4d0cc 1px,transparent 1px);background-size:28px 28px;opacity:.4}.page-done{justify-content:flex-start;padding-top:var(--space-xl);padding-bottom:var(--space-3xl);max-width:520px}.done-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);width:100%;z-index:2}.demo-banner{width:100%;background:var(--accent);border:var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}.demo-banner-content{flex:1}.demo-badge{display:inline-block;background:var(--black);color:#fff;font-family:var(--font-display);font-weight:800;font-size:.68rem;padding:2px 6px;border-radius:4px;margin-bottom:2px}.demo-banner p{font-size:.78rem;font-weight:600;line-height:1.3;color:var(--black)}.btn-sm{font-size:.85rem!important;padding:8px 14px!important;border-radius:var(--radius-xs)!important}.done-header{display:flex;flex-direction:column;align-items:center;gap:8px}.done-pill-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-weight:800;font-size:.78rem;background:var(--surface);border:var(--border);border-radius:999px;padding:6px 14px;box-shadow:3px 3px 0 var(--black)}.done-main-title{font-size:clamp(1.8rem,6vw,2.3rem);font-weight:900;line-height:1.15}.highlight-yellow{background:var(--accent);padding:2px 8px;border-radius:6px;border:2px solid var(--black);box-shadow:2px 2px 0 var(--black);display:inline-block}.done-subtitle{font-size:.9rem;color:var(--text-muted);max-width:360px}.vibe-id-card{background:var(--surface);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:22px 20px;width:100%;position:relative;overflow:hidden;text-align:center;display:flex;flex-direction:column;gap:16px}.vibe-id-topbar{display:flex;align-items:center;justify-content:space-between;border-bottom:2px dashed #E5E5E5;padding-bottom:10px}.vibe-id-chip{font-family:var(--font-display);font-weight:800;font-size:.72rem;background:var(--primary);color:#fff;padding:3px 8px;border-radius:var(--radius-xs);letter-spacing:.05em}.vibe-id-serial{font-family:monospace;font-size:.75rem;font-weight:700;color:var(--text-dim)}.vibe-id-emoji-wrap{display:flex;justify-content:center}.vibe-id-emoji{font-size:4rem;width:88px;height:88px;border-radius:50%;background:var(--bg);border:3px solid var(--black);box-shadow:4px 4px 0 var(--black);display:flex;align-items:center;justify-content:center;animation:vibeBounce 2.5s var(--ease-bounce) infinite}.vibe-id-identity{display:flex;flex-direction:column;align-items:center;gap:4px}.vibe-id-role{font-family:var(--font-display);font-weight:800;font-size:.7rem;color:var(--text-dim);letter-spacing:.08em}.vibe-id-name{font-family:var(--font-display);font-size:1.8rem;font-weight:900;color:var(--primary)}.vibe-id-quote{font-size:.9rem;font-style:italic;color:var(--text-muted)}.vibe-traits-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;text-align:left}.trait-box{background:var(--bg);border:2px solid var(--black);border-radius:var(--radius-xs);padding:8px 10px;display:flex;align-items:center;gap:8px;box-shadow:2px 2px 0 var(--black)}.trait-icon{font-size:1.2rem}.trait-details{display:flex;flex-direction:column}.trait-label{font-size:.65rem;font-weight:700;color:var(--text-dim);text-transform:uppercase}.trait-val{font-size:.78rem;font-weight:800;color:var(--text)}.vibe-id-footer{display:flex;align-items:center;justify-content:space-between;border-top:2px dashed #E5E5E5;padding-top:12px;font-size:.8rem;text-align:left}.vibe-id-user{display:flex;flex-direction:column}.vibe-id-user span{font-size:.72rem;color:var(--text-muted)}.vibe-id-brand{display:flex;flex-direction:column;align-items:flex-end}.vibe-id-brand span{font-family:var(--font-display);font-weight:800;font-size:.68rem;letter-spacing:.04em}.vibe-id-brand small{font-size:.72rem;color:var(--primary);font-weight:700}.done-action-bar{display:flex;gap:8px;width:100%;flex-wrap:wrap}.btn-action{flex:1;min-width:130px;font-size:.88rem!important;padding:10px 14px!important;border-radius:var(--radius-sm)!important}.matches-section{width:100%;display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-xs)}.matches-header{display:flex;align-items:center;justify-content:space-between}.matches-title-wrap{display:flex;align-items:center;gap:8px}.section-emoji{font-size:1.8rem}.matches-title{font-size:1.15rem;font-weight:800}.matches-desc{font-size:.78rem;color:var(--text-muted)}.matches-count-badge{font-family:var(--font-display);font-size:.72rem;font-weight:800;background:var(--accent);border:2px solid var(--black);border-radius:999px;padding:4px 10px;box-shadow:2px 2px 0 var(--black)}.matches-list{display:flex;flex-direction:column;gap:12px;width:100%}.match-card-enhanced{background:var(--surface);border:var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:14px 16px;display:flex;flex-direction:column;gap:10px;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.match-card-enhanced:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--black)}.match-card-main{display:flex;align-items:center;gap:12px}.match-avatar-wrap{position:relative;flex-shrink:0}.match-vibe-mini{position:absolute;bottom:-4px;right:-4px;font-size:.95rem;background:var(--surface);border:1.5px solid var(--black);border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.match-details{flex:1;min-width:0}.match-name-row{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:6px}.match-name{font-family:var(--font-display);font-weight:800;font-size:1rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-tag-pill{font-size:.72rem;font-weight:700;background:var(--bg);border:1.5px solid var(--black);border-radius:999px;padding:1px 8px;white-space:nowrap}.match-score-row{display:flex;align-items:center;gap:8px}.match-score-bar-bg{flex:1;height:8px;background:var(--bg);border:1.5px solid var(--black);border-radius:999px;overflow:hidden}.match-score-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:999px}.match-score-text{font-family:var(--font-display);font-weight:800;font-size:.75rem;color:var(--primary);white-space:nowrap}.match-card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #EEEEEE;padding-top:8px}.match-handle{font-size:.8rem;font-weight:600;color:var(--text-muted)}.btn-ig-enhanced{background:linear-gradient(45deg,#f58529,#dd2a7b,#8134af)!important;color:#fff!important;border:2px solid var(--black)!important;box-shadow:2px 2px 0 var(--black)!important;font-size:.78rem!important;padding:5px 12px!important;border-radius:999px!important}.btn-ig-enhanced:hover{filter:brightness(1.1)}.campus-tip-card{background:#fef9c3;border:var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:14px 16px;display:flex;align-items:flex-start;gap:10px;text-align:left;width:100%}.tip-icon{font-size:1.4rem;flex-shrink:0}.tip-text{font-size:.82rem;line-height:1.4;color:#713f12}.done-footer-actions{display:flex;gap:12px;margin-top:var(--space-sm)}.toast-banner{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(100px);background:var(--black);color:#fff;font-family:var(--font-display);font-size:.85rem;font-weight:700;padding:12px 22px;border-radius:999px;box-shadow:0 8px 24px #00000040;border:2px solid var(--accent);z-index:10000;transition:transform .3s var(--ease-bounce),opacity .3s ease;opacity:0;pointer-events:none;white-space:nowrap}.toast-banner.show{transform:translate(-50%) translateY(0);opacity:1}.wait-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);width:100%;max-width:520px;animation:pageIn .5s var(--ease-bounce) both}.match-ticket-card{background:var(--surface);border:3.5px solid var(--black);border-radius:var(--radius);box-shadow:var(--shadow-lg);width:100%;position:relative;overflow:hidden;text-align:left}.ticket-header{background:var(--accent);border-bottom:3.5px solid var(--black);padding:12px 18px;display:flex;align-items:center;justify-content:space-between}.ticket-badge{font-family:var(--font-display);font-weight:900;font-size:.75rem;letter-spacing:.08em;color:var(--black);display:flex;align-items:center;gap:6px}.ticket-status-pill{font-family:monospace;font-size:.72rem;font-weight:800;background:var(--black);color:#fff;padding:3px 8px;border-radius:var(--radius-xs)}.ticket-body{padding:20px 22px;display:flex;flex-direction:column;gap:16px}.ticket-code-section{display:flex;flex-direction:column;gap:8px}.ticket-code-label{font-family:var(--font-display);font-weight:800;font-size:.75rem;color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase}.ticket-code-box{background:#fffdf0;border:3px solid var(--black);border-radius:var(--radius-sm);box-shadow:4px 4px 0 var(--black);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative}.ticket-code-value{font-family:monospace;font-weight:900;font-size:clamp(1.4rem,5vw,1.85rem);letter-spacing:.08em;color:var(--black);-webkit-user-select:all;user-select:all}.btn-copy-code{font-family:var(--font-display);font-weight:800;font-size:.82rem!important;padding:8px 14px!important;border-radius:var(--radius-xs)!important;border:2px solid var(--black)!important;box-shadow:2px 2px 0 var(--black)!important;background:var(--accent)!important;color:var(--black)!important;cursor:pointer;white-space:nowrap;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.btn-copy-code:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--black)!important;background:#fde047!important}.btn-copy-code:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--black)!important}.ticket-hint{font-size:.78rem;color:var(--text-muted);line-height:1.4}.ticket-perforation{position:relative;height:24px;display:flex;align-items:center;justify-content:center;background:var(--surface);border-top:3px dashed var(--black);margin:0}.ticket-notch-left,.ticket-notch-right{position:absolute;top:-12px;width:22px;height:22px;background:var(--bg);border:3.5px solid var(--black);border-radius:50%;z-index:5}.ticket-notch-left{left:-14px}.ticket-notch-right{right:-14px}.ticket-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:.8rem;padding-top:4px}.ticket-info-item{display:flex;flex-direction:column}.ticket-info-key{font-size:.68rem;font-weight:700;color:var(--text-dim);text-transform:uppercase}.ticket-info-val{font-weight:800;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.radar-console{background:#18181b;color:#fafafa;border:3.5px solid var(--black);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:18px 20px;width:100%;display:flex;flex-direction:column;gap:12px;text-align:left}.radar-top-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px dashed #3F3F46;padding-bottom:8px}.radar-title{font-family:var(--font-display);font-size:.75rem;font-weight:800;letter-spacing:.08em;color:#a1a1aa}.radar-spinner{width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 10px #22c55e;animation:pulseDot 1.2s infinite}.radar-progress-bar-bg{width:100%;height:10px;background:#27272a;border:1.5px solid #3F3F46;border-radius:999px;overflow:hidden}.radar-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#facc15,#22c55e);border-radius:999px;width:30%;transition:width .6s cubic-bezier(.4,0,.2,1)}.radar-logs{display:flex;flex-direction:column;gap:6px;font-family:monospace;font-size:.76rem;line-height:1.4;min-height:72px}.radar-log-item{display:flex;align-items:center;gap:6px;color:#d4d4d8}.radar-log-done{color:#4ade80;font-weight:800}.radar-log-active{color:#fde047;font-weight:800;animation:pulse 1.5s infinite}.wait-action-card{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.btn-reveal-now{width:100%;font-size:1.15rem!important;padding:16px 24px!important;border-radius:var(--radius)!important;background:var(--accent)!important;color:var(--black)!important;border:3.5px solid var(--black)!important;box-shadow:var(--shadow-lg)!important;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.btn-reveal-now:hover{transform:translate(-2px,-2px);box-shadow:9px 9px 0 var(--black)!important;background:#fde047!important}.btn-reveal-now:active{transform:translate(3px,3px)!important;box-shadow:0 0 0 var(--black)!important}.wait-countdown{font-size:.78rem;font-weight:700;color:var(--text-muted)}.code-pill-banner{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:2.5px solid var(--black);border-radius:999px;box-shadow:3px 3px 0 var(--black);padding:6px 14px;margin-bottom:4px}.code-pill-label{font-family:var(--font-display);font-weight:800;font-size:.72rem;color:var(--text-dim);letter-spacing:.04em}.code-pill-val{font-family:monospace;font-weight:900;font-size:.85rem;color:var(--black);background:var(--accent);padding:2px 7px;border-radius:4px;border:1px solid var(--black)}.btn-copy-mini{background:none;border:none;cursor:pointer;font-size:.9rem;padding:2px;line-height:1;transition:transform .15s ease}.btn-copy-mini:hover{transform:scale(1.2)}.game-stage{width:100%;max-width:1200px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding:var(--space-md);box-sizing:border-box;position:relative;z-index:2}@media (min-width: 900px){.game-stage{display:grid;grid-template-columns:400px 1fr;gap:36px;padding:var(--space-xl) var(--space-2xl);align-items:start}}@media (min-width: 1100px){.game-stage{grid-template-columns:440px 1fr;gap:48px}}.game-character-stage{display:flex;flex-direction:column;gap:14px;width:100%;position:relative;z-index:10}@media (min-width: 900px){.game-character-stage{position:sticky;top:24px;height:calc(100vh - 48px);justify-content:center}}.hud-top-bar{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border:2.5px solid var(--black);border-radius:var(--radius-xs);box-shadow:3px 3px 0 var(--black);padding:8px 14px}.clash-hud-bar{background:#fffdf5;border:3px solid var(--black);box-shadow:4px 4px 0 var(--black)}.hud-badge-group{display:flex;align-items:center;gap:6px}.hud-tag{font-family:var(--font-display);font-weight:800;font-size:.72rem;letter-spacing:.05em;padding:3px 8px;border-radius:4px}.clash-tag-gold{background:#facc15;color:var(--black);border:2px solid var(--black);box-shadow:1px 1px 0 var(--black)}.clash-tag-th{background:#2563eb;color:#fff;border:2px solid var(--black);box-shadow:1px 1px 0 var(--black)}.clash-status-pill{display:flex;align-items:center;gap:6px;font-family:monospace;font-size:.76rem;font-weight:800;color:var(--text);background:#ecfccb;padding:3px 8px;border-radius:999px;border:1.5px solid var(--black)}.pulse-dot-clash{width:8px;height:8px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 2px #16a34a66;animation:pulseDot 1.5s infinite}.game-character-frame{width:100%;height:310px;background:radial-gradient(circle at 50% 30%,#dcfce7,#86efac 45%,#22c55e 80%,#15803d);border:3.5px solid var(--black);border-radius:var(--radius);box-shadow:var(--shadow-lg);position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;transition:transform var(--transition-bounce),box-shadow var(--transition-fast)}@media (min-width: 900px){.game-character-frame{height:410px}}.game-character-frame:hover{transform:translateY(-4px) scale(1.01);box-shadow:9px 9px 0 var(--black)}.clash-sunburst{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.18) 0deg 15deg,transparent 15deg 30deg);animation:clashSunburstSpin 60s linear infinite;pointer-events:none;z-index:1}@keyframes clashSunburstSpin{to{transform:rotate(360deg)}}.clash-village-grass{position:absolute;bottom:0;left:0;right:0;height:32px;background:repeating-linear-gradient(45deg,#15803d,#15803d 12px,#166534 12px,#166534 24px);border-top:2.5px solid var(--black);z-index:2;opacity:.9}.character-standee-img{height:94%;width:auto;max-width:92%;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 10px 16px rgba(0,0,0,.3));transition:transform .3s var(--ease-bounce);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;z-index:5;animation:clashVillagerIdle 3.5s ease-in-out infinite}@keyframes clashVillagerIdle{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.01)}}.character-standee-img:hover{transform:scale(1.05) translateY(-4px)}.character-standee-img.clash-cheer-bounce{animation:clashCheerBounce .6s var(--ease-bounce)}@keyframes clashCheerBounce{0%{transform:scale(.9) translateY(12px)}40%{transform:scale(1.1) translateY(-14px) rotate(-2deg)}70%{transform:scale(.98) translateY(2px) rotate(1deg)}to{transform:scale(1) translateY(0)}}.clash-shield-badge{position:absolute;top:14px;right:14px;background:#0f172a;color:#fff;border:2.5px solid #FACC15;border-radius:var(--radius-xs);box-shadow:3px 3px 0 var(--black);padding:5px 12px;display:flex;flex-direction:column;align-items:flex-end;font-family:var(--font-display);font-weight:800;font-size:.75rem;z-index:10}.clash-badge-title{color:#fde047;letter-spacing:.04em}.clash-badge-clan{font-size:.64rem;color:#94a3b8;font-weight:700}.clash-mini-resources{position:absolute;bottom:8px;left:12px;display:flex;gap:5px;z-index:10}.res-item{background:#000000bf;color:#fff;border:1.5px solid #FACC15;border-radius:999px;padding:2px 7px;font-family:monospace;font-size:.68rem;font-weight:800;letter-spacing:.02em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.rpg-dialogue-box{background:#fffdf7;border:3.5px solid var(--black);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:16px 18px;position:relative;text-align:left;display:flex;flex-direction:column;gap:8px}.clash-dialogue-box:before{content:"";position:absolute;top:-12px;left:28px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:12px solid var(--black)}.clash-speaker-tab{display:flex;align-items:center;justify-content:space-between;border-bottom:2px dashed #D6D3D1;padding-bottom:8px;margin-bottom:2px}.speaker-icon{font-size:1.1rem}.clash-dialogue-box .speaker-name{font-family:var(--font-display);font-weight:900;font-size:.85rem;letter-spacing:.06em;color:#15803d;flex:1;margin-left:6px}.clash-chief-tag{font-family:var(--font-display);font-size:.7rem;font-weight:800;background:#fef08a;color:#854d0e;border:1.5px solid #CA8A04;padding:2px 7px;border-radius:999px}.dialogue-text.clash-dialogue-text{font-size:.96rem;font-weight:600;line-height:1.55;color:#1c1917;min-height:52px}.dialogue-footer.clash-dialogue-footer{display:flex;align-items:center;justify-content:space-between;padding-top:6px;border-top:1px solid #E7E5E4}.clash-cursor{font-size:.8rem;color:#16a34a;font-weight:900;animation:clashCursorBlink .7s infinite}@keyframes clashCursorBlink{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.4;transform:translateY(3px)}}.dialogue-tip{font-size:.72rem;color:var(--text-dim);font-weight:600}.dialogue-cursor{font-size:.75rem;color:var(--primary);animation:cursorBlink .8s infinite}@keyframes cursorBlink{0%,to{opacity:1;transform:translateY(0)}50%{opacity:0;transform:translateY(3px)}}.game-content-stage{width:100%;display:flex;flex-direction:column;align-items:center}.reveal-all-bar{display:flex;justify-content:flex-end;width:100%;margin-bottom:4px}.btn-unlock-all{font-size:.78rem!important;padding:6px 14px!important;border-radius:999px!important;background:var(--surface)!important}.match-card-secret{background:#fffdf9;border:3px dashed var(--black);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:16px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden;transition:all .3s var(--ease-bounce)}.match-card-secret:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:repeating-linear-gradient(45deg,var(--black),var(--black) 10px,var(--accent) 10px,var(--accent) 20px)}.secret-header{display:flex;align-items:center;justify-content:space-between}.secret-badge{display:inline-flex;align-items:center;gap:6px;background:var(--black);color:#fff;font-family:var(--font-display);font-size:.72rem;font-weight:800;padding:3px 8px;border-radius:var(--radius-xs);letter-spacing:.04em}.secret-compatibility{font-family:var(--font-display);font-weight:800;font-size:.82rem;color:var(--primary);background:#ede9fe;border:1.5px solid var(--black);padding:2px 8px;border-radius:999px}.secret-body{display:flex;align-items:center;gap:14px}.secret-mystery-avatar{width:52px;height:52px;border-radius:var(--radius-xs);background:#1a1a1a;border:2px solid var(--black);display:flex;align-items:center;justify-content:center;font-size:1.8rem;flex-shrink:0;box-shadow:2px 2px 0 var(--accent);animation:mysteryPulse 2s ease-in-out infinite}@keyframes mysteryPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.secret-clues{display:flex;flex-direction:column;gap:3px;text-align:left}.secret-alias{font-family:var(--font-display);font-weight:800;font-size:.98rem;color:var(--text)}.secret-hints{font-size:.78rem;color:var(--text-muted);line-height:1.3}.btn-reveal-secret{width:100%;background:var(--accent);color:var(--black);border:2.5px solid var(--black);box-shadow:3px 3px 0 var(--black);font-family:var(--font-display);font-size:.92rem;font-weight:800;padding:10px 14px;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.btn-reveal-secret:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--black);background:#fde047}.btn-reveal-secret:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--black)}.match-card-revealed{border-style:solid!important;background:var(--surface)!important;animation:revealCard .5s var(--ease-bounce)}@keyframes revealCard{0%{transform:scale(.9) rotate(-1deg)}50%{transform:scale(1.03) rotate(1deg)}to{transform:scale(1) rotate(0)}}.page-details,.page-questions{justify-content:flex-start;padding-top:var(--space-xl)}@media (min-width: 640px){.page{padding:var(--space-xl)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}