.kq-page{color:#f4f4f5;min-height:100svh;font-family:var(--font-sans), var(--font-tamil), system-ui, sans-serif;background:radial-gradient(circle at 74% 12%,#ff6a0029,#0000 26rem),linear-gradient(135deg,#050505 0%,#1b0507 45%,#080808 100%);position:relative;overflow:hidden}.kq-page-grid{pointer-events:none;background-image:linear-gradient(#e020200f 1px,#0000 1px),linear-gradient(90deg,#e020200f 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 82%);mask-image:linear-gradient(#000,#0000 82%)}.kq-shell{z-index:1;width:min(980px,100% - 32px);margin:0 auto;padding:32px 0 42px;position:relative}.kq-back-link{color:#a1a1aa;background:#0000005c;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;min-height:36px;margin-bottom:16px;padding:8px 12px;font-size:12px;font-weight:800;text-decoration:none;transition:color .16s,border-color .16s,background .16s;display:inline-flex}.kq-back-link:hover{color:#fff;background:#ffd16614;border-color:#ffd16659}.kq-heading{text-align:center;margin-bottom:16px}.kq-kicker{color:#ff6a00;letter-spacing:0;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:900}.kq-heading h1{color:#fff;letter-spacing:0;text-shadow:0 0 26px #e020208c;margin:0;font-size:44px;font-weight:950;line-height:1}.kq-heading p{color:#ffd166;font-family:var(--font-tamil), var(--font-sans), sans-serif;margin:8px 0 0;font-size:15px;font-weight:800}.kq-stage-shell{background:#050505;border:2px solid #e02020c2;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 0 38px #e0202052,0 0 86px #ff6a001f}.kq-canvas{aspect-ratio:5/3;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.kq-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000a8;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.kq-panel{text-align:center;background:linear-gradient(160deg,#180306f5,#080808f5);border:1px solid #e02020b8;border-radius:8px;flex-direction:column;align-items:center;width:min(420px,100%);padding:28px;display:flex;box-shadow:0 0 32px #e020203d}.kq-panel-sun{color:#ffd166;text-shadow:0 0 14px #ff6a00bf;border:1px solid #ffd1666b;border-radius:50%;place-items:center;width:54px;height:54px;margin-bottom:12px;font-size:34px;line-height:1;display:grid}.kq-panel h2{color:#ffd166;font-family:var(--font-tamil), var(--font-sans), sans-serif;margin:0 0 8px;font-size:28px;font-weight:950;line-height:1.1}.kq-panel-subtitle{color:#d4d4d8;max-width:340px;margin:0 0 18px;font-size:14px;font-weight:650;line-height:1.55}.kq-control-hint{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:20px;display:flex}.kq-control-hint span{color:#a1a1aa;background:#ffffff0d;border:1px solid #ffffff17;border-radius:8px;padding:7px 10px;font-size:12px;font-weight:800}.kq-primary-button{color:#fff7d6;cursor:pointer;background:linear-gradient(135deg,#e02020,#8b0000);border:1px solid #ff6a00;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:160px;min-height:46px;font-size:15px;font-weight:950;transition:transform .16s,filter .16s;display:inline-flex}.kq-primary-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.kq-primary-button:active{transform:scale(.98)}.kq-score-row{color:#a1a1aa;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;width:min(260px,100%);padding:8px 0;font-size:14px;font-weight:800;display:flex}.kq-score-row strong{color:#ffd166;font-size:20px}.kq-score-row+.kq-primary-button{margin-top:18px}.kq-desktop-hint{color:#71717a;text-align:center;margin-top:10px;font-size:12px;font-weight:800}.kq-touch-controls{display:none}.kq-touch-button{color:#ffd166;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(160deg,#18181beb,#0a0a0aeb);border:1px solid #ffd16661;border-radius:8px;place-items:center;width:58px;height:58px;display:grid;box-shadow:0 10px 28px #00000052}.kq-touch-button:active{color:#fff;background:linear-gradient(160deg,#e02020e6,#8b0000eb);border-color:#ffd166e6;transform:scale(.96)}.kq-touch-fire{color:#fff7d6;background:linear-gradient(160deg,#e02020eb,#500000f0);border-color:#e02020b8;width:70px;height:70px}.kq-touch-pause{color:#d4d4d8;width:46px;height:46px}@media (width<=760px){.kq-shell{width:min(100% - 20px,980px);padding-top:72px;padding-bottom:150px}.kq-back-link,.kq-heading{margin-bottom:12px}.kq-kicker{font-size:11px}.kq-heading h1{font-size:30px}.kq-heading p{font-size:13px}.kq-panel{padding:20px}.kq-panel h2{font-size:23px}.kq-panel-subtitle{font-size:12px}.kq-control-hint,.kq-desktop-hint{display:none}}@media (width<=760px),(pointer:coarse){.kq-touch-controls{z-index:45;pointer-events:none;justify-content:space-between;align-items:end;gap:16px;display:flex;position:fixed;bottom:76px;left:12px;right:12px}.kq-touch-move,.kq-touch-actions{pointer-events:auto;align-items:end;gap:10px;display:flex}.kq-touch-actions{align-items:center}}@media (width<=430px){.kq-touch-button{width:52px;height:52px}.kq-touch-fire{width:64px;height:64px}.kq-touch-pause{width:42px;height:42px}}.whatif-scanlines{pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000014 2px 4px);position:fixed;inset:0}@keyframes glitch{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(2px,-2px)}60%{transform:translate(-1px,-1px)}80%{transform:translate(1px,1px)}}@keyframes glitchColor{0%,to{text-shadow:2px 0 #e02020,-2px 0 #0ff}25%{text-shadow:-2px 0 #e02020,2px 0 #0ff}50%{text-shadow:2px 2px #e02020,-2px -2px #0ff}75%{text-shadow:-1px 2px #e02020,1px -2px #0ff}}.glitch-text{animation:.8s ease-in-out infinite alternate glitch,1.2s ease-in-out infinite glitchColor}@keyframes neonFlicker{0%,19%,21%,23%,25%,54%,56%,to{text-shadow:0 0 7px #e02020,0 0 20px #e02020,0 0 40px #e02020;opacity:1}20%,24%,55%{text-shadow:none;opacity:.7}}.neon-flicker{animation:3s ease-in-out infinite neonFlicker}@keyframes pulseRing{0%{opacity:.7;transform:scale(.95)}50%{opacity:.3;transform:scale(1.05)}to{opacity:.7;transform:scale(.95)}}.pulse-ring{animation:2s ease-in-out infinite pulseRing}@keyframes floatSpark{0%,to{opacity:.1;transform:translateY(0)scale(1)}50%{opacity:.45;transform:translateY(-12px)scale(1.6)}}.whatif-spark{animation:floatSpark var(--dur,3s) ease-in-out infinite;animation-delay:var(--delay,0s)}@keyframes bounceArrow{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.bounce-arrow{animation:1.2s ease-in-out infinite bounceArrow}@keyframes btnShine{0%{left:-75%}to{left:125%}}.btn-shine:after{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:50%;height:100%;animation:3s ease-in-out infinite btnShine;position:absolute;top:0;left:-75%;transform:skew(-25deg)}@keyframes wheelSpin{0%{transform:rotate(0)}to{transform:rotate(1440deg)}}.wheel-spinning{animation:2.2s cubic-bezier(.17,.67,.12,.99) forwards wheelSpin}@keyframes resultSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.result-card-enter{animation:.4s ease-out forwards resultSlideIn;animation-delay:var(--delay,0s);opacity:0}@keyframes fillBar{0%{width:0%}}.fill-bar-animate{animation:1.2s cubic-bezier(.4,0,.2,1) forwards fillBar;animation-delay:var(--delay,0s)}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.shimmer-gold{background:linear-gradient(90deg,#fbbf24,#fff,#fbbf24) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:2s linear infinite shimmer}.whatif-toast{transition:all .25s}.whatif-card{transition:all .18s}.whatif-card:hover{transform:translateY(-2px)scale(1.02)}.profile-select-card{transition:all .2s}.profile-select-card:hover{transform:scale(1.05)}.profile-select-card:active{transform:scale(.97)}@keyframes modalFadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.modal-fade-up{animation:.3s forwards modalFadeUp}.intro-grid-bg{background-image:linear-gradient(#e020200d 1px,#0000 1px),linear-gradient(90deg,#e020200d 1px,#0000 1px);background-size:40px 40px}.brainrot-page{color:#f4f4f5;font-family:var(--font-sans), var(--font-tamil), system-ui, sans-serif;background:linear-gradient(135deg,#070707 0%,#170404 42%,#050505 100%)}.brainrot-topbar{background:linear-gradient(90deg,#e8001c,#ff5a72,#e8001c)}.brainrot-grid{background-image:linear-gradient(#e8001c0d 1px,#0000 1px),linear-gradient(90deg,#e8001c0d 1px,#0000 1px);background-size:38px 38px}.brainrot-scanlines{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000001f 2px 4px)}@keyframes brainrot-float{0%,to{opacity:.12;transform:translate(0,0)scale(1)}50%{opacity:.42;transform:translateY(-16px)scale(1.7)}}.brainrot-particle{animation:brainrot-float var(--dur,3s) ease-in-out infinite;animation-delay:var(--delay,0s);background:var(--color,#e8001c);left:var(--x,50%);top:var(--y,50%)}@keyframes brainrot-pulse{0%,to{box-shadow:0 0 #e8001c00}50%{box-shadow:0 0 0 10px #e8001c1f}}.brainrot-orb{animation:2.8s ease-in-out infinite brainrot-pulse}@keyframes brainrot-burst{0%{opacity:1;transform:translate(0,0)scale(.2)}to{opacity:0;transform:translate3d(var(--dx,0), var(--dy,-50px), 0) scale(1.8)}}.brainrot-burst-dot{animation:brainrot-burst var(--dur,.65s) ease-out forwards;animation-delay:var(--delay,0s);background:var(--color,#22c55e);left:var(--x,50%);top:var(--y,50%)}@keyframes brainrot-timer-shake{0%,to{transform:translate(0)}33%{transform:translate(-3px)}66%{transform:translate(3px)}}.brainrot-timer-hot{animation:.28s ease-in-out infinite brainrot-timer-shake}.brainrot-option{transition:transform .16s,border-color .16s,background .16s,box-shadow .16s}.brainrot-option:hover:not(:disabled){background:#1a1a1d;transform:translate(3px)}.brainrot-option:active:not(:disabled){transform:scale(.99)}.brainrot-action{transition:transform .18s,filter .18s,border-color .18s}.brainrot-action:hover{filter:brightness(1.1);transform:translateY(-1px)}.brainrot-action:active{transform:scale(.98)}.brainrot-toast{transition:opacity .22s,transform .22s}.brainrot-modal{animation:.24s forwards brainrot-modal-up}@keyframes brainrot-modal-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}