@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_cc590333-module__r1kMfa__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_cc590333-module__r1kMfa__variable{--font-primary:"Inter","Inter Fallback"}
@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.866357a4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.758e15a8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_360d9dd6-module__vKpzNa__className{font-family:Outfit,Outfit Fallback;font-style:normal}.outfit_360d9dd6-module__vKpzNa__variable{--font-display:"Outfit","Outfit Fallback"}
:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-tertiary:#1a1a2e;--bg-glass:#ffffff0d;--bg-glass-hover:#ffffff1a;--text-primary:#fff;--text-secondary:#ffffffb3;--text-muted:#ffffff80;--accent-primary:#6366f1;--accent-secondary:#8b5cf6;--accent-gradient:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#a855f7 100%);--accent-glow:0 0 30px #6366f166;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--font-primary:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-display:"Outfit",var(--font-primary);--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-primary);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}#root{min-height:100vh}.glass-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);transition:all var(--transition-normal);border:1px solid #ffffff1a}.glass-card:hover{background:var(--bg-glass-hover);border-color:#ffffff26;transform:translateY(-2px)}.gradient-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md)var(--space-xl);background:var(--accent-gradient);color:#fff;font-family:var(--font-primary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--accent-glow);border:none;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 0 35px #6366f166}.btn-primary:active{transform:translateY(0)scale(.98)}.btn-secondary{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md)var(--space-xl);color:var(--text-primary);font-family:var(--font-primary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-normal);background:0 0;border:1px solid #fff3;font-size:1rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-secondary:hover{background:#ffffff0f;border-color:#fff3}.loading-page{background:var(--bg-primary);z-index:9999;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loader{--fill-color:#8b5cf6;--shine-color:#8b5cf633;width:100px;height:100px;filter:drop-shadow(0 0 15px var(--shine-color));position:relative;transform:scale(.8)}.loader #pegtopone{width:100%;height:100%;animation:1s linear infinite flowe-one;position:absolute}.loader #pegtoptwo{opacity:0;width:100%;height:100%;animation:1s linear .3s infinite flowe-two;position:absolute;transform:scale(0)translateY(-200px)translate(-100px)}.loader #pegtopthree{opacity:0;width:100%;height:100%;animation:1s linear .6s infinite flowe-three;position:absolute;transform:scale(0)translateY(-200px)translate(100px)}.loader svg g path:first-child{fill:var(--fill-color)}.loading-text{font-family:var(--font-primary);color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;margin-top:40px;font-size:1rem;font-weight:500}@keyframes flowe-one{0%{opacity:0;transform:scale(.5)translateY(-200px)}25%{opacity:1;transform:scale(.75)translateY(-100px)}50%{opacity:1;transform:scale(1)translateY(0)}75%{opacity:1;transform:scale(.5)translateY(50px)}to{opacity:0;transform:scale(0)translateY(100px)}}@keyframes flowe-two{0%{opacity:0;transform:scale(.5)rotate(-10deg)translateY(-200px)translate(-100px)}25%{opacity:1;transform:scale(1)rotate(-5deg)translateY(-100px)translate(-50px)}50%{opacity:1;transform:scale(1)rotate(0)translateY(0)translate(-25px)}75%{opacity:1;transform:scale(.5)rotate(5deg)translateY(50px)translate(0)}to{opacity:0;transform:scale(0)rotate(10deg)translateY(100px)translate(25px)}}@keyframes flowe-three{0%{opacity:0;transform:scale(.5)rotate(10deg)translateY(-200px)translate(100px)}25%{opacity:1;transform:scale(1)rotate(5deg)translateY(-100px)translate(50px)}50%{opacity:1;transform:scale(1)rotate(0)translateY(0)translate(25px)}75%{opacity:1;transform:scale(.5)rotate(-5deg)translateY(50px)translate(0)}to{opacity:0;transform:scale(0)rotate(-10deg)translateY(100px)translate(-25px)}}.hero-btn-wrapper{display:inline-block;position:relative}.hero-btn{--border-radius:24px;--padding:4px;--transition:.4s;--button-color:#5b21b6;--highlight-color-hue:270deg;-webkit-user-select:none;user-select:none;background-color:var(--button-color);border-radius:var(--border-radius);cursor:pointer;transition:box-shadow var(--transition),border var(--transition),background-color var(--transition);border:1px solid #fff2;justify-content:center;align-items:center;padding:.7em 1.2em;font-family:Inter,Segoe UI,sans-serif;font-size:1.1em;font-weight:500;display:flex;position:relative;box-shadow:inset 0 1px 1px #fff3,inset 0 2px 2px #ffffff26,inset 0 4px 4px #ffffff1a,inset 0 8px 8px #ffffff0d,inset 0 16px 16px #ffffff0d,0 -1px 1px #00000005,0 -2px 2px #00000008,0 -4px 4px #0000000d,0 -8px 8px #0000000f,0 -16px 16px #00000014}.hero-btn:before{content:"";top:calc(0px - var(--padding));left:calc(0px - var(--padding));width:calc(100% + var(--padding)*2);height:calc(100% + var(--padding)*2);border-radius:calc(var(--border-radius) + var(--padding));pointer-events:none;z-index:-1;transition:box-shadow var(--transition),filter var(--transition);background-image:linear-gradient(#000a,#0004);position:absolute;box-shadow:inset 0 -8px 8px -6px #0000,inset 0 -16px 16px -8px #0000,1px 1px 1px #fff2,2px 2px 2px #fff1,-1px -1px 1px #0002,-2px -2px 2px #0001}.hero-btn:after{content:"";border-radius:inherit;pointer-events:none;background-image:linear-gradient(0deg,#fff,hsl(var(--highlight-color-hue),100%,70%),hsla(var(--highlight-color-hue),100%,70%,50%),8%,transparent);opacity:0;width:100%;height:100%;transition:opacity var(--transition),filter var(--transition);position:absolute;top:0;left:0}.hero-btn-icon{fill:none;stroke:#e8e8e8;stroke-width:1.5px;filter:drop-shadow(0 0 2px #fff9);width:24px;height:24px;transition:fill var(--transition),filter var(--transition);flex-shrink:0;margin-right:.6rem;animation:2s linear infinite hero-flicker}@keyframes hero-flicker{50%{opacity:.4}}.hero-btn-text{align-items:center;display:flex;position:relative}.hero-btn-letter{color:#fff5;transition:color var(--transition),text-shadow var(--transition);animation:2s ease-in-out infinite hero-letter-anim;display:inline-block;position:relative}@keyframes hero-letter-anim{50%{text-shadow:0 0 3px #fff8;color:#fff}}.hero-btn-letter:first-child{animation-delay:0s}.hero-btn-letter:nth-child(2){animation-delay:60ms}.hero-btn-letter:nth-child(3){animation-delay:.12s}.hero-btn-letter:nth-child(4){animation-delay:.18s}.hero-btn-letter:nth-child(5){animation-delay:.24s}.hero-btn-letter:nth-child(6){animation-delay:.3s}.hero-btn-letter:nth-child(7){animation-delay:.36s}.hero-btn-letter:nth-child(8){animation-delay:.42s}.hero-btn-letter:nth-child(9){animation-delay:.48s}.hero-btn-letter:nth-child(10){animation-delay:.54s}.hero-btn-letter:nth-child(11){animation-delay:.6s}.hero-btn-letter:nth-child(12){animation-delay:.66s}.hero-btn-letter:nth-child(13){animation-delay:.72s}.hero-btn:hover{border:solid 1px hsla(var(--highlight-color-hue),100%,80%,40%)}.hero-btn:hover:before{box-shadow:0 -8px 8px -6px #fffa inset,0 -16px 16px -8px hsla(var(--highlight-color-hue),100%,70%,30%)inset,1px 1px 1px #fff2,2px 2px 2px #fff1,-1px -1px 1px #0002,-2px -2px 2px #0001}.hero-btn:hover:after{opacity:1;-webkit-mask-image:linear-gradient(#0000,#fff);mask-image:linear-gradient(#0000,#fff)}.hero-btn:hover .hero-btn-icon{stroke:#fff;filter:drop-shadow(0 0 3px hsl(var(--highlight-color-hue),100%,70%))drop-shadow(0 -4px 6px #0009);animation:none}.hero-btn:hover .hero-btn-letter{color:#fff;text-shadow:0 0 6px hsla(var(--highlight-color-hue),100%,80%,80%)}.hero-btn:active{border:solid 1px hsla(var(--highlight-color-hue),100%,80%,70%);background-color:hsla(var(--highlight-color-hue),50%,20%,.5)}.hero-btn:active:before{box-shadow:0 -8px 12px -6px #fffa inset,0 -16px 16px -8px hsla(var(--highlight-color-hue),100%,70%,80%)inset,1px 1px 1px #fff4,2px 2px 2px #fff2,-1px -1px 1px #0002,-2px -2px 2px #0001}.hero-btn:active:after{opacity:1;filter:brightness(200%)}.hero-btn:active .hero-btn-letter{text-shadow:0 0 1px hsla(var(--highlight-color-hue),100%,90%,90%);animation:none}.landing-page{flex-direction:column;min-height:100vh;display:flex;position:relative}.hero-section{min-height:100vh;padding:var(--space-2xl);justify-content:center;align-items:center;display:flex;position:relative}.hero-content{z-index:10;text-align:center;max-width:800px;position:relative}.hero-title{font-family:var(--font-display);margin-bottom:var(--space-lg);letter-spacing:-.02em;font-size:clamp(2.5rem,8vw,5rem);font-weight:800;line-height:1.1}.hero-subtitle{color:var(--text-secondary);margin-bottom:var(--space-2xl);max-width:600px;margin-left:auto;margin-right:auto;font-size:clamp(1rem,2.5vw,1.25rem)}.hero-cta{gap:var(--space-md);flex-wrap:wrap;justify-content:center;display:flex}.canvas-container{z-index:1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.features-section{z-index:10;padding:var(--space-3xl)var(--space-2xl);background:linear-gradient(180deg,transparent 0%,var(--bg-secondary)20%);position:relative}.section-title{font-family:var(--font-display);text-align:center;margin-bottom:var(--space-3xl);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700}.features-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-width:1200px;margin:0 auto;display:grid}.feature-card{padding:var(--space-xl);text-align:center}.feature-icon{margin-bottom:var(--space-lg);font-size:3rem}.feature-title{margin-bottom:var(--space-sm);font-size:1.25rem;font-weight:600}.feature-description{color:var(--text-secondary);font-size:.95rem}.test-page{min-height:100vh;padding:var(--space-xl);flex-direction:column;display:flex}.test-header{padding:var(--space-md)var(--space-xl);margin-bottom:var(--space-xl);justify-content:space-between;align-items:center;display:flex}.progress-container{max-width:400px;margin:0 var(--space-xl);flex:1}.progress-bar{border-radius:var(--radius-full);background:#ffffff1a;height:8px;overflow:hidden}.progress-fill{background:var(--accent-gradient);border-radius:var(--radius-full);height:100%;transition:width var(--transition-normal)}.progress-text{color:var(--text-secondary);margin-top:var(--space-xs);text-align:center;font-size:.85rem}.timer{align-items:center;gap:var(--space-sm);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:600;display:flex}.timer.warning{color:var(--warning);animation:1s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.question-container{padding:var(--space-xl);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.question-card{width:100%;max-width:900px;padding:var(--space-2xl)}.question-category{padding:var(--space-xs)var(--space-md);color:var(--accent-primary);border-radius:var(--radius-full);margin-bottom:var(--space-lg);background:#6366f133;font-size:.85rem;font-weight:500;display:inline-block}.question-text{margin-bottom:var(--space-2xl);font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:500;line-height:1.5}.question-visual{margin-bottom:var(--space-2xl);-webkit-overflow-scrolling:touch;justify-content:center;width:100%;display:flex;overflow-x:auto}.sequence-visual{gap:var(--space-sm);flex-wrap:wrap;justify-content:center;align-items:center;max-width:100%;display:flex}.matrix-grid{border-radius:var(--radius-md);background:#ffffff1a;gap:4px;padding:4px;display:grid}.matrix-cell{background:var(--bg-tertiary);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:80px;height:80px;font-size:2rem;display:flex}.matrix-cell.unknown{color:var(--accent-primary);background:#6366f14d;font-weight:700}.options-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.option-btn{padding:var(--space-lg);background:var(--bg-glass);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);text-align:center;border:2px solid #ffffff1a;font-size:1rem}.option-btn:hover{background:var(--bg-glass-hover);border-color:var(--accent-primary);transform:scale(1.02)}.option-btn.selected{border-color:var(--accent-primary);background:#6366f133;box-shadow:0 0 20px #6366f14d}.option-btn.correct{border-color:var(--success);background:#10b98133}.option-btn.incorrect{border-color:var(--error);background:#ef444433}.result-page{min-height:100vh;padding:var(--space-2xl);flex-direction:column;align-items:center;display:flex}.result-card{width:100%;max-width:600px;padding:var(--space-2xl);text-align:center;margin-bottom:var(--space-2xl)}.iq-score{font-family:var(--font-display);margin:var(--space-lg)0;font-size:clamp(4rem,15vw,8rem);font-weight:800;line-height:1}.iq-label{color:var(--text-secondary);margin-bottom:var(--space-sm);font-size:1.25rem}.iq-percentile{color:var(--text-muted);font-size:1.1rem}.result-locked{padding:var(--space-2xl);text-align:center}.locked-icon{margin-bottom:var(--space-lg);font-size:4rem}.locked-title{margin-bottom:var(--space-md);font-size:1.5rem;font-weight:600}.locked-description{color:var(--text-secondary);margin-bottom:var(--space-xl)}.price-tag{font-family:var(--font-display);margin-bottom:var(--space-xl);font-size:2.5rem;font-weight:700}.payment-methods{gap:var(--space-md);flex-direction:column;width:100%;max-width:400px;margin:0 auto;display:flex}.payment-btn{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-md)var(--space-xl);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;font-size:1rem;font-weight:600;display:flex}.payment-btn.stripe{color:#fff;background:#635bff}.payment-btn.toss{color:#fff;background:#0064ff}.payment-btn.kakao{color:#191919;background:#fee500}.payment-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0000004d}.radar-chart-container{aspect-ratio:1;width:100%;max-width:400px;margin:var(--space-xl)auto;position:relative}.intro-page{min-height:100vh;padding:var(--space-xl);justify-content:center;align-items:center;display:flex}.intro-card{width:100%;max-width:500px;padding:var(--space-2xl)}.intro-title{font-family:var(--font-display);text-align:center;margin-bottom:var(--space-2xl);font-size:2rem;font-weight:700}.form-group{margin-bottom:var(--space-lg)}.form-label{margin-bottom:var(--space-sm);color:var(--text-secondary);font-size:.9rem;font-weight:500;display:block}.form-input{width:100%;padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-fast);border:1px solid #ffffff1a;font-size:1rem}.form-input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #6366f133}.form-select{width:100%;padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;border:1px solid #ffffff1a;font-size:1rem}.loading-spinner{border:3px solid #ffffff1a;border-top-color:var(--accent-primary);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:768px){:root{--space-xl:1.5rem;--space-2xl:2rem;--space-3xl:2.5rem}.test-header{gap:var(--space-md);padding:var(--space-md);flex-direction:column}.progress-container{order:-1;max-width:100%;margin:0}.timer{font-size:1.25rem}.test-page,.question-container{padding:var(--space-md)}.question-card{padding:var(--space-lg)}.matrix-cell{width:60px;height:60px;font-size:1.5rem}.options-grid{gap:var(--space-sm);grid-template-columns:1fr}.option-btn{padding:var(--space-md);font-size:.95rem}.hero-section{padding:var(--space-lg);min-height:auto;padding-top:80px;padding-bottom:60px}.hero-content{max-width:100%}.hero-cta{gap:var(--space-sm);flex-direction:column}.hero-cta .btn-primary,.hero-cta .btn-secondary{width:100%}.features-section{padding:var(--space-xl)var(--space-md)}.features-grid{gap:var(--space-lg);grid-template-columns:1fr}.feature-card{padding:var(--space-lg)}.result-page{padding:var(--space-md)}.result-card{padding:var(--space-lg);max-width:100%}.iq-score{font-size:clamp(3rem,12vw,5rem)}.payment-methods{max-width:100%}.payment-btn{padding:var(--space-md);font-size:.95rem}.stats-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr)}.stat-number{font-size:2rem}.glass-card{border-radius:var(--radius-md)}.btn-primary,.btn-secondary{padding:var(--space-md)var(--space-lg);justify-content:center;width:100%;font-size:.95rem}.intro-page{padding:var(--space-md)}.intro-card{padding:var(--space-lg);max-width:100%}.intro-title{font-size:1.5rem}.price-tag{font-size:2rem}}@media (max-width:480px){:root{--space-lg:1rem;--space-xl:1.25rem;--space-2xl:1.5rem}body{font-size:14px}.hero-section{padding:var(--space-md);padding-top:60px;padding-bottom:40px}.hero-title{margin-bottom:var(--space-md);font-size:clamp(1.75rem,7vw,2.5rem)}.hero-subtitle{margin-bottom:var(--space-lg);font-size:.9rem}.hero-badge{padding:var(--space-xs)var(--space-md);font-size:.75rem}.test-header{padding:var(--space-sm);gap:var(--space-sm)}.timer{font-size:1.1rem}.question-card{padding:var(--space-md)}.question-text{margin-bottom:var(--space-lg);font-size:1rem}.question-category{padding:4px 10px;font-size:.75rem}.matrix-cell{width:45px;height:45px;font-size:1.2rem}.matrix-grid{gap:2px;padding:2px}.question-visual{margin-bottom:var(--space-lg)}.option-btn{padding:var(--space-sm)var(--space-md);text-align:left;font-size:.9rem}.option-btn span{width:20px;height:20px;font-size:.75rem;line-height:20px}.result-card{padding:var(--space-md)}.iq-score{font-size:clamp(2.5rem,10vw,4rem)}.iq-label{font-size:1rem}.locked-title{font-size:1.25rem}.locked-description{font-size:.9rem}.price-tag{font-size:1.75rem}.section-title{margin-bottom:var(--space-xl);font-size:clamp(1.25rem,5vw,1.75rem)}.stats-grid{gap:var(--space-sm);grid-template-columns:1fr 1fr}.stat-item{padding:var(--space-md)}.stat-number{font-size:1.5rem}.stat-label{font-size:.75rem}.feature-icon{font-size:2rem}.feature-title{font-size:1rem}.feature-description{font-size:.85rem}.form-input,.form-select{padding:var(--space-sm)var(--space-md);font-size:16px}.form-label{font-size:.85rem}.btn-primary,.btn-secondary{min-height:48px;padding:var(--space-md)}.payment-btn{min-height:52px;padding:var(--space-md)}.premium-card{border-radius:var(--radius-md)}.icon-interactive{width:48px;height:48px}}@media (max-width:375px){:root{--space-md:.75rem;--space-lg:1rem}.hero-title{font-size:1.5rem}.hero-subtitle{font-size:.85rem}.matrix-cell{width:38px;height:38px;font-size:1rem}.question-text{font-size:.95rem}.option-btn{padding:var(--space-sm);font-size:.85rem}.iq-score{font-size:2.5rem}.price-tag{font-size:1.5rem}.stat-number{font-size:1.25rem}}@media (hover:none) and (pointer:coarse){.option-btn,.btn-primary,.btn-secondary,.payment-btn{min-height:52px}.glass-card:hover,.feature-card:hover,.option-btn:hover,.premium-card:hover{transform:none}.option-btn:active{background:var(--bg-glass-hover);transform:scale(.98)}.btn-primary:active,.btn-secondary:active,.payment-btn:active{transform:scale(.98)}}@supports (padding:max(0px)){.test-page,.result-page,.intro-page,.landing-page{padding-left:max(var(--space-md),env(safe-area-inset-left));padding-right:max(var(--space-md),env(safe-area-inset-right));padding-bottom:max(var(--space-md),env(safe-area-inset-bottom))}}@media (max-width:768px){.result-page .glass-card{padding:var(--space-lg)}.result-page .glass-card>div[style*=grid-template-columns]{grid-template-columns:repeat(2,1fr)!important}.result-page div[style*=minmax\(280px]{grid-template-columns:1fr!important}.result-page .btn-primary,.result-page .btn-secondary{width:100%}}@media (max-width:480px){.result-page .glass-card{padding:var(--space-md)}.result-page h2{font-size:1rem}.result-page h3{font-size:.9rem}.result-page p{font-size:.9rem;line-height:1.7}.result-page ul{padding-left:var(--space-md)}.result-page li{margin-bottom:var(--space-xs);font-size:.85rem}.result-page>div[style*="gap: var(--space-xl)"]{gap:var(--space-sm)var(--space-md);flex-wrap:wrap;justify-content:center;font-size:.75rem}}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.scale-in{animation:.3s forwards scaleIn}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.reveal{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(60px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.stagger-children>*{opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.stagger-children.visible>:first-child{opacity:1;transition-delay:50ms;transform:translateY(0)}.stagger-children.visible>:nth-child(2){opacity:1;transition-delay:.1s;transform:translateY(0)}.stagger-children.visible>:nth-child(3){opacity:1;transition-delay:.15s;transform:translateY(0)}.stagger-children.visible>:nth-child(4){opacity:1;transition-delay:.2s;transform:translateY(0)}.stagger-children.visible>:nth-child(5){opacity:1;transition-delay:.25s;transform:translateY(0)}.stagger-children.visible>:nth-child(6){opacity:1;transition-delay:.3s;transform:translateY(0)}.text-reveal{overflow:hidden}.text-reveal span{animation:.8s cubic-bezier(.16,1,.3,1) forwards textReveal;display:inline-block;transform:translateY(100%)}@keyframes textReveal{to{transform:translateY(0)}}.magnetic{transition:transform .3s cubic-bezier(.16,1,.3,1)}.premium-card{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);background:#ffffff14;border:1px solid #ffffff14;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.premium-card:before{content:"";opacity:0;background:linear-gradient(135deg,#6366f11a 0%,#8b5cf60d 50%,#0000 100%);transition:opacity .5s;position:absolute;inset:0}.premium-card:hover{border-color:#6366f133;transform:translateY(-5px);box-shadow:0 15px 35px #0003,0 0 40px #6366f114}.premium-card:hover:before{opacity:1}.gradient-border{background:var(--bg-secondary);border-radius:var(--radius-lg);position:relative}.gradient-border:before{content:"";border-radius:inherit;z-index:-1;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7,#6366f1) 0 0/300% 300%;animation:4s linear infinite gradientRotate;position:absolute;inset:-1px}@keyframes gradientRotate{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.glow-text{text-shadow:0 0 20px #6366f180,0 0 40px #6366f14d,0 0 60px #6366f133}.floating{animation:6s ease-in-out infinite floating}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.link-underline{color:var(--text-primary);text-decoration:none;position:relative}.link-underline:after{content:"";background:var(--accent-gradient);width:0;height:1px;transition:width .4s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-2px;left:0}.link-underline:hover:after{width:100%}.counter{font-variant-numeric:tabular-nums}.parallax-container{perspective:1000px;transform-style:preserve-3d}.section-transition{position:relative}.section-transition:after{content:"";background:linear-gradient(90deg,#0000,#6366f180,#0000);width:120px;height:1px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.icon-interactive{border-radius:var(--radius-full);background:#6366f11a;border:1px solid #6366f133;justify-content:center;align-items:center;width:60px;height:60px;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-flex}.icon-interactive:hover{background:#6366f133;border-color:#6366f166;transform:scale(1.1);box-shadow:0 0 30px #6366f14d}.blur-gradient{filter:blur(100px);opacity:.15;pointer-events:none;border-radius:50%;width:400px;height:400px;position:absolute}.blur-gradient.purple{background:#8b5cf6}.blur-gradient.blue{background:#6366f1}.blur-gradient.pink{background:#ec4899}.marquee-container{white-space:nowrap;overflow:hidden}.marquee-content{animation:30s linear infinite marquee;display:inline-block}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.split-text{display:flex;overflow:hidden}.split-text .char{opacity:0;animation:.5s cubic-bezier(.16,1,.3,1) forwards charReveal;transform:translateY(100%)}@keyframes charReveal{to{opacity:1;transform:translateY(0)}}.video-container{border-radius:var(--radius-xl);position:relative;overflow:hidden;box-shadow:0 30px 60px #0006}.video-container:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #ffffff1a;position:absolute;inset:0}.cursor-follower{pointer-events:none;z-index:9999;border:1px solid #6366f180;border-radius:50%;width:40px;height:40px;transition:transform .15s ease-out,width .3s,height .3s;position:fixed;transform:translate(-50%,-50%)}.cursor-follower.hover{background:#6366f11a;width:60px;height:60px}.stats-grid{gap:var(--space-xl);text-align:center;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.stat-item{padding:var(--space-xl)}.stat-number{font-family:var(--font-display);background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700}.stat-label{color:var(--text-muted);margin-top:var(--space-sm);font-size:.9rem}.badge{align-items:center;gap:var(--space-xs);padding:var(--space-xs)var(--space-md);border-radius:var(--radius-full);color:var(--accent-primary);letter-spacing:.05em;background:#6366f126;border:1px solid #6366f14d;font-size:.8rem;font-weight:500;display:inline-flex}.testimonial-card{padding:var(--space-2xl);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);background:#ffffff14;border:1px solid #ffffff14;transition:all .4s cubic-bezier(.16,1,.3,1)}.testimonial-card:hover{background:#ffffff0d;transform:translateY(-4px)}.scroll-indicator{background:var(--accent-gradient);z-index:1000;height:3px;transition:width .1s linear;position:fixed;top:0;left:0}.hero-badge{align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-lg);border-radius:var(--radius-full);color:var(--accent-primary);margin-bottom:var(--space-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#6366f11a;border:1px solid #6366f133;font-size:.85rem;display:inline-flex}.hero-badge .dot{background:var(--accent-primary);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}.arrow-animated{transition:transform .3s cubic-bezier(.16,1,.3,1);display:inline-block}.btn-primary:hover .arrow-animated,.btn-secondary:hover .arrow-animated{transform:translate(4px)}.site-header{padding:var(--space-md)var(--space-xl);z-index:100;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.site-logo{align-items:center;display:flex}.site-logo img{width:auto;height:36px}.user-menu{align-items:center;gap:var(--space-md);padding:var(--space-sm)var(--space-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-full);background:#ffffff0d;border:1px solid #ffffff1a;display:flex}.user-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.user-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:.9rem;overflow:hidden}.logout-btn{padding:var(--space-xs)var(--space-md);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#ffffff1a;border:none;font-size:.8rem}.logout-btn:hover{color:var(--error);background:#ef444433}@media (max-width:768px){.site-header{padding:var(--space-sm)var(--space-md)}.site-logo img{height:28px}.user-name{display:none}.user-menu{padding:var(--space-xs)var(--space-sm)}html,body{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain}body{font-size:15px}.test-page,.result-page{overscroll-behavior:none}.test-page{padding:var(--space-sm);padding-top:var(--space-md)}.test-header{-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-md);margin-bottom:var(--space-md);background:#0a0a0ff2}.question-container{justify-content:flex-start;min-height:auto;padding:0}.question-card{padding:var(--space-md);border-radius:var(--radius-md)}.question-text{word-break:keep-all;font-size:1rem;line-height:1.6}}@media (max-width:480px){.question-visual{padding:var(--space-sm);margin:var(--space-md)0;-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.question-visual::-webkit-scrollbar{display:none}.sequence-visual{min-width:max-content;padding:var(--space-xs);flex-wrap:nowrap!important;justify-content:flex-start!important}.sequence-visual span{flex-shrink:0;padding:var(--space-sm)var(--space-md)!important;font-size:.9rem!important}.matrix-grid{transform-origin:50%;transform:scale(.85)}.matrix-cell{width:50px;height:50px;font-size:1.1rem}.options-grid{gap:var(--space-sm)}.option-btn{padding:var(--space-md);text-align:left;border-radius:var(--radius-md);align-items:center;min-height:56px;font-size:.95rem;line-height:1.4;transition:all .15s;display:flex}.option-btn.selected{transform:scale(1.02)}.option-btn span{flex-shrink:0}}@media (max-width:768px){.result-page{padding:var(--space-md);padding-top:var(--space-lg)}.result-page .glass-card{padding:var(--space-lg);border-radius:var(--radius-md)}.result-page h1{font-size:1.25rem}.result-page h2{gap:var(--space-xs);flex-wrap:wrap;font-size:1rem}.result-page h3{font-size:.95rem}}@media (max-width:480px){.result-page .glass-card{padding:var(--space-md)}.result-page .gradient-text[style*="5rem"]{font-size:3.5rem!important}.result-page div[style*=minmax\(160px]{gap:var(--space-sm)!important;grid-template-columns:repeat(2,1fr)!important}.result-page div[style*=minmax\(160px]>div{padding:var(--space-md)!important}.result-page div[style*=minmax\(160px]>div>div[style*="2rem"]{font-size:1.5rem!important}.result-page div[style*=minmax\(280px]{grid-template-columns:1fr!important}.result-page .btn-primary,.result-page .btn-secondary{padding:var(--space-md);font-size:.95rem}.intro-page{padding:var(--space-md);padding-top:var(--space-2xl)}.intro-card{padding:var(--space-lg)}.intro-title{margin-bottom:var(--space-lg);font-size:1.5rem}.form-group{margin-bottom:var(--space-md)}.form-input,.form-select{padding:var(--space-md);border-radius:var(--radius-md);min-height:52px;font-size:16px}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:40px}.home-btn{top:var(--space-md)!important;left:var(--space-md)!important;padding:var(--space-sm)var(--space-md)!important}.landing-page{overflow-x:hidden}.hero-section{min-height:calc(100vh - 60px);padding:var(--space-lg)var(--space-md);padding-top:80px}.hero-content{width:100%}.hero-badge{padding:var(--space-xs)var(--space-md);font-size:.75rem}.hero-title{margin-bottom:var(--space-md);word-break:keep-all;font-size:clamp(1.75rem,8vw,2.5rem);line-height:1.2}.hero-subtitle{margin-bottom:var(--space-xl);font-size:.9rem;line-height:1.6}.hero-cta{gap:var(--space-sm)}.hero-cta .btn-primary,.hero-cta .btn-secondary{padding:var(--space-md)var(--space-lg);font-size:.95rem}.features-section{padding:var(--space-xl)var(--space-md)}.premium-card{padding:var(--space-lg)!important}.premium-card h3{font-size:1rem}.premium-card h4{font-size:.9rem}.premium-card p{font-size:.85rem}.stats-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr)}.stat-item{padding:var(--space-md)}.stat-number{font-size:1.75rem}.stat-label{font-size:.75rem}.testimonial-card{padding:var(--space-md)!important}footer{padding:var(--space-xl)var(--space-md)!important}.payment-methods{gap:var(--space-sm)}.payment-btn{padding:var(--space-md);min-height:56px;font-size:.95rem}.locked-icon{font-size:3rem}.locked-title{font-size:1.1rem}.price-tag{font-size:2rem!important}}@media (hover:none) and (pointer:coarse){.option-btn{transition:transform .1s,background .1s}.option-btn:active{background:#6366f126;transform:scale(.97)}.btn-primary:active,.btn-secondary:active{transform:scale(.97)}.glass-card:active{transform:scale(.99)}.premium-card:hover,.testimonial-card:hover,.icon-interactive:hover{box-shadow:none;transform:none}.premium-card:active{transform:scale(.99)}}@supports (-webkit-touch-callout:none){.question-visual,.result-page,.landing-page{-webkit-overflow-scrolling:touch}}@supports (padding:max(0px)){.test-page,.site-header{padding-top:max(var(--space-md),env(safe-area-inset-top))}footer{padding-bottom:max(var(--space-xl),env(safe-area-inset-bottom))}}@media (max-height:500px) and (orientation:landscape){.hero-section{min-height:auto;padding:var(--space-lg)}.test-header{padding:var(--space-xs)var(--space-md)}.question-container{padding:var(--space-sm)}.question-card{padding:var(--space-md)}.options-grid{gap:var(--space-xs);grid-template-columns:repeat(2,1fr)}.option-btn{padding:var(--space-sm)var(--space-md);min-height:44px}}@media print{.site-header,.btn-primary,.btn-secondary,footer{display:none!important}.result-page{color:#000;background:#fff;padding:0}.result-page .glass-card{box-shadow:none;page-break-inside:avoid;background:#fff;border:1px solid #ddd}.gradient-text{-webkit-text-fill-color:#6366f1;color:#6366f1}}.game-page{min-height:100vh;padding:var(--space-xl);flex-direction:column;display:flex}.game-hub-page{min-height:100vh;padding:var(--space-xl)0}.game-header{padding:var(--space-md)var(--space-xl);margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;gap:var(--space-lg);display:flex}.game-header-left,.game-header-right{flex:none;min-width:120px}.game-header-center{flex:1;max-width:400px}.game-header-right{text-align:right}.combo-badge{align-items:center;gap:var(--space-xs);padding:var(--space-xs)var(--space-md);color:#fff;border-radius:var(--radius-full);background:linear-gradient(135deg,#f59e0b,#ef4444);font-size:.9rem;font-weight:700;animation:.5s infinite alternate comboPulse;display:inline-flex}@keyframes comboPulse{0%{transform:scale(1)}to{transform:scale(1.05)}}.game-container{padding:var(--space-lg);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.pattern-card{width:100%;max-width:600px;padding:var(--space-2xl)}.pattern-cell{transition:all .2s}.pattern-option:hover:not(:disabled){border-color:var(--accent-primary);transform:scale(1.08)}.memory-card{width:100%;max-width:500px;padding:var(--space-2xl)}.bubble{border:none;outline:none;transition:all .3s}.bubble:hover:not(:disabled){transform:scale(1.1)}.bubble.highlighted{animation:.3s ease-out bubbleGlow}@keyframes bubbleGlow{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1.15)}}.stroop-card{width:100%;max-width:500px;padding:var(--space-2xl)}.stroop-option{border:none;outline:none;transition:all .15s}.stroop-option:hover:not(:disabled){transform:scale(1.05);border-color:var(--accent-primary)!important}.game-card{transition:all .3s}.game-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000004d}.game-loading{justify-content:center;align-items:center;min-height:100vh;display:flex}.fade-in{animation:.3s ease-out fadeIn}@media (max-width:768px){.game-page{padding:var(--space-md)}.game-header{gap:var(--space-md);padding:var(--space-md);flex-direction:column}.game-header-left,.game-header-right,.game-header-center{text-align:center;width:100%;min-width:auto}.game-container{padding:var(--space-md)}.pattern-card,.memory-card,.stroop-card{padding:var(--space-lg)}.combo-badge{padding:var(--space-xs)var(--space-sm);font-size:.8rem}}@media (max-width:480px){.game-header-left h2{font-size:1rem!important}.stroop-option{font-size:1.25rem!important}}.word-chain-card{width:100%;max-width:500px;padding:var(--space-2xl)}.word-option{border:none;outline:none;transition:all .2s}.word-option:hover:not(:disabled){transform:scale(1.05);border-color:var(--accent-primary)!important;background:#6366f126!important}.balance-card{width:100%;max-width:550px;padding:var(--space-2xl)}.balance-option{border:none;outline:none;transition:all .2s}.balance-option:hover:not(:disabled){transform:scale(1.05);border-color:var(--accent-primary)!important}.pattern-puzzle-page{background:linear-gradient(135deg,var(--bg-primary)0%,var(--bg-secondary)50%,var(--bg-primary)100%);min-height:100vh;position:relative;overflow:hidden}.pattern-puzzle-particles{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.particle{border-radius:50%;animation:4s ease-in-out infinite particleGlow;position:absolute}.particle-purple{background:#a855f799;box-shadow:0 0 20px 8px #a855f766}.particle-blue{background:#6366f180;box-shadow:0 0 20px 8px #6366f14d}.particle-violet{background:#8b5cf680;box-shadow:0 0 20px 8px #8b5cf659}@keyframes particleGlow{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.5)}}.puzzle-header{z-index:100;padding:var(--space-md)var(--space-xl);-webkit-backdrop-filter:blur(20px);background:linear-gradient(#0a0a0ff2 0%,#0a0a0fcc 100%);border-bottom:1px solid #ffffff0f;position:fixed;top:0;left:0;right:0}.puzzle-header-inner{max-width:900px;margin:0 auto}.puzzle-header-row{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.puzzle-logo{align-items:center;gap:var(--space-sm);display:flex}.puzzle-logo-icon{font-size:1.75rem}.puzzle-logo-text{font-family:var(--font-display);background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:700}.puzzle-badge{align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-md);background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-md);border:1px solid #ffffff14;font-size:.9rem;display:flex}.puzzle-badge-label{color:var(--text-muted)}.puzzle-badge-value{color:var(--accent-secondary);font-weight:600}.puzzle-badge-divider{color:var(--text-muted);opacity:.5}.puzzle-timer{font-variant-numeric:tabular-nums;letter-spacing:.5px;font-family:SF Mono,Fira Code,monospace}.puzzle-progress-container{border-radius:var(--radius-full);background:#ffffff14;height:6px;overflow:hidden}.puzzle-progress-fill{background:var(--accent-gradient);border-radius:var(--radius-full);height:100%;transition:width .5s cubic-bezier(.4,0,.2,1);box-shadow:0 0 20px #6366f180}.puzzle-main{min-height:100vh;padding:120px var(--space-xl)var(--space-2xl);z-index:10;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.puzzle-matrix-container{-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);padding:var(--space-xl);margin-bottom:var(--space-2xl);background:linear-gradient(135deg,#ffffff14 0%,#ffffff05 100%);border:1px solid #ffffff1a;box-shadow:0 20px 60px #0006,0 0 40px #6366f11a,inset 0 1px #ffffff1a}.puzzle-matrix-grid{gap:10px;display:grid}.puzzle-matrix-grid.grid-3x3{grid-template-columns:repeat(3,1fr)}.puzzle-matrix-grid.grid-2x2{grid-template-columns:repeat(2,1fr)}.puzzle-cell{border-radius:var(--radius-md);width:80px;height:80px;transition:all var(--transition-fast);background:#ffffff08;border:1px solid #ffffff0d;justify-content:center;align-items:center;display:flex}.puzzle-cell:hover{background:#ffffff0f}.puzzle-cell-question{background:linear-gradient(135deg,#8b5cf633 0%,#6366f11a 100%);border:2px dashed #8b5cf680;animation:2s ease-in-out infinite questionPulse}.puzzle-cell-question-mark{color:var(--accent-secondary);text-shadow:0 0 20px #8b5cf699;font-size:2rem;font-weight:700}@keyframes questionPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05);box-shadow:0 6px 20px #8b5cf680}}.puzzle-shape-container{justify-content:center;align-items:center;gap:3px;display:flex}.puzzle-shape{filter:drop-shadow(0 0 6px var(--shape-glow));transition:transform var(--transition-fast)}.puzzle-shape:hover{transform:scale(1.1)}.puzzle-options{gap:var(--space-md);grid-template-columns:repeat(4,1fr);width:100%;max-width:600px;display:grid}.puzzle-option{padding:var(--space-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);cursor:pointer;background:#ffffff08;border:2px solid #ffffff14;justify-content:center;align-items:center;min-height:110px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.puzzle-option:hover:not(:disabled){background:#ffffff0f;border-color:#6366f166;transform:translateY(-4px)scale(1.02);box-shadow:0 10px 30px #0000004d}.puzzle-option.selected{border-color:var(--accent-primary);background:#6366f126;transform:scale(1.05);box-shadow:0 0 30px #6366f166,0 10px 40px #0000004d}.puzzle-option.correct{border-color:var(--success);background:#10b98126;box-shadow:0 0 30px #10b98166}.puzzle-option.incorrect{border-color:var(--error);background:#ef444426;box-shadow:0 0 30px #ef44444d}.puzzle-option:disabled{cursor:not-allowed;opacity:.7}.puzzle-option-label{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--text-secondary);transition:all var(--transition-fast);background:#ffffff1a;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:8px;left:8px}.puzzle-option.selected .puzzle-option-label{background:var(--accent-gradient);color:#fff;box-shadow:0 0 10px #6366f180}.puzzle-option-indicator{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:8px;right:8px}.puzzle-option-indicator.correct{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 0 15px #22c55e80}.puzzle-option-indicator.incorrect{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 0 15px #ef444480}.puzzle-feedback{margin-top:var(--space-xl);padding:var(--space-md)var(--space-2xl);border-radius:var(--radius-full);font-size:1.1rem;font-weight:600;animation:.3s cubic-bezier(.4,0,.2,1) feedbackPop}.puzzle-feedback.correct{color:#4ade80;background:#10b98133;box-shadow:0 0 30px #22c55e4d}.puzzle-feedback.incorrect{color:#f87171;background:#ef444433;box-shadow:0 0 30px #ef44444d}@keyframes feedbackPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.puzzle-header-row{gap:var(--space-sm);flex-wrap:wrap}.puzzle-options{grid-template-columns:repeat(2,1fr)}.puzzle-cell{width:60px;height:60px}.puzzle-option{min-height:90px}}@media (max-width:480px){.puzzle-matrix-container{padding:var(--space-md)}.puzzle-cell{width:50px;height:50px}}.isometric-puzzle-page{background:#111118;min-height:100vh;position:relative;overflow:hidden}.isometric-puzzle-page:before,.isometric-puzzle-page:after{display:none}.isometric-main{z-index:10;flex-direction:column;justify-content:center;align-items:center;gap:32px;min-height:100vh;padding:90px 20px 40px;display:flex;position:relative}.isometric-matrix-container{background:#fffffff2;border:none;border-radius:24px;padding:20px;box-shadow:0 10px 30px #0003,0 0 0 4px #ffffff4d}.isometric-matrix-container:hover{transform:scale(1.02)}.isometric-matrix-grid{gap:8px;display:grid}.isometric-matrix-grid.grid-3x3{grid-template-columns:repeat(3,1fr)}.isometric-matrix-grid.grid-2x2{grid-template-columns:repeat(2,1fr)}.isometric-cell{background:linear-gradient(145deg,#f0f0f0 0%,#e0e0e0 100%);border:3px solid #d0d0d0;border-radius:16px;justify-content:center;align-items:center;width:75px;height:75px;transition:all .2s;display:flex;box-shadow:0 4px 8px #0000001a,inset 0 1px 2px #fffc}.isometric-cell:hover{background:linear-gradient(145deg,#fff 0%,#f0f0f0 100%);transform:scale(1.05)}.isometric-cell-question{background:linear-gradient(145deg,#a78bfa 0%,#8b5cf6 100%);border:3px solid #7c3aed;animation:1.5s ease-in-out infinite questionPulse;box-shadow:0 4px 12px #8b5cf666,inset 0 1px 2px #ffffff4d}.isometric-cell-question-mark{color:#fff;text-shadow:0 2px 4px #0003;-webkit-text-fill-color:inherit;background:0 0;font-size:2.2rem;font-weight:800}.isometric-options{grid-template-columns:repeat(4,1fr);gap:12px;width:100%;max-width:480px;display:grid}.isometric-option{cursor:pointer;background:#fffffff2;border:3px solid #e0e0e0;border-radius:18px;justify-content:center;align-items:center;min-height:85px;padding:16px;transition:all .15s;display:flex;position:relative;box-shadow:0 6px 16px #00000026}.isometric-option:hover:not(:disabled){background:#fff;border-color:#667eea;transform:translateY(-4px)scale(1.03);box-shadow:0 12px 24px #0003}.isometric-option.selected{background:linear-gradient(145deg,#667eea 0%,#764ba2 100%);border-color:#5a67d8;animation:.3s selectBounce;transform:scale(1.05);box-shadow:0 8px 20px #667eea66}.isometric-option.correct{background:linear-gradient(145deg,#48bb78 0%,#38a169 100%);border-color:#2f855a;animation:.5s correctBounce}.isometric-option.incorrect{background:linear-gradient(145deg,#fc8181 0%,#f56565 100%);border-color:#c53030;animation:.4s shake}.isometric-option:disabled{cursor:not-allowed}@keyframes selectBounce{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1.05)}}@keyframes correctBounce{0%{transform:scale(1.05)}30%{transform:scale(1.15)}60%{transform:scale(1.03)}to{transform:scale(1.05)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.isometric-option-label{color:#666;background:#e0e0e0;border-radius:8px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.7rem;font-weight:800;transition:all .2s;display:flex;position:absolute;top:6px;left:6px}.isometric-option.selected .isometric-option-label{color:#667eea;background:#fff}.isometric-option-indicator{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.8rem;font-weight:700;animation:.3s cubic-bezier(.68,-.55,.265,1.55) popIn;display:flex;position:absolute;top:6px;right:6px}.isometric-option-indicator.correct{background:#38a169;box-shadow:0 2px 8px #38a16966}.isometric-option-indicator.incorrect{background:#e53e3e;box-shadow:0 2px 8px #e53e3e66}@keyframes popIn{0%{opacity:0;transform:scale(0)rotate(-180deg)}to{opacity:1;transform:scale(1)rotate(0)}}.isometric-header{z-index:100;-webkit-backdrop-filter:blur(20px);background:#111118f2;border-bottom:1px solid #ffffff0f;padding:16px 24px;position:fixed;top:0;left:0;right:0}.isometric-header-inner{max-width:800px;margin:0 auto}.isometric-header-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.isometric-logo{align-items:center;gap:10px;display:flex}.isometric-logo-icon{font-size:1.6rem}.isometric-logo-text{letter-spacing:-.02em;color:#ffffffe6;font-family:Inter,system-ui,sans-serif;font-size:1rem;font-weight:600}.isometric-badge{background:#ffffff0f;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;display:flex}.isometric-badge-label{color:#ffffff80;font-size:.8rem;font-weight:400}.isometric-badge-value{color:#fff;font-family:Inter,system-ui,sans-serif;font-weight:600}.isometric-timer{font-variant-numeric:tabular-nums;color:#ffffffe6;letter-spacing:.02em;font-family:Inter,system-ui,sans-serif;font-size:.95rem;font-weight:500}.isometric-progress-container{background:#ffffff14;border-radius:100px;height:3px;overflow:hidden}.isometric-progress-fill{background:linear-gradient(90deg,#8b5cf6 0%,#a78bfa 100%);border-radius:100px;height:100%;transition:width .4s}@keyframes progressShine{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.isometric-feedback{border:none;border-radius:100px;margin-top:20px;padding:14px 36px;font-size:1.1rem;font-weight:700;animation:.4s cubic-bezier(.68,-.55,.265,1.55) feedbackPop;box-shadow:0 4px 16px #00000026}.isometric-feedback.correct{color:#fff;background:linear-gradient(135deg,#48bb78 0%,#38a169 100%)}.isometric-feedback.incorrect{color:#fff;background:linear-gradient(135deg,#fc8181 0%,#f56565 100%)}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.isometric-main{padding:90px 16px 32px}.isometric-matrix-container{padding:20px}.isometric-cell{width:68px;height:68px}.isometric-options{grid-template-columns:repeat(2,1fr);gap:12px}.isometric-option{min-height:80px}}@media (max-width:480px){.isometric-cell{width:56px;height:56px}.isometric-header{padding:12px 16px}.isometric-option{padding:16px}}.terminal-section{background:#0a0a0f;padding:100px 0}.terminal-container{max-width:1200px;margin:0 auto;padding:0 60px}.terminal-header-left{max-width:700px;margin-bottom:48px}.terminal-badge{color:#fff6;letter-spacing:.15em;margin-bottom:16px;font-size:.7rem;font-weight:500;display:inline-block}.terminal-title-large{font-family:var(--font-display);color:#fff;margin-bottom:20px;font-size:clamp(1.75rem,3.5vw,2.75rem);font-weight:600;line-height:1.2}.text-orange{color:#ff6b35}.terminal-desc{color:#ffffff80;max-width:600px;font-size:.95rem;line-height:1.7}.terminal-tabs-row{border-bottom:1px solid #ffffff1a;gap:0;margin-bottom:32px;display:flex}.terminal-tab-item{color:#fff6;font-family:var(--font-primary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex-direction:column;gap:4px;padding:16px 32px;font-size:.85rem;transition:all .2s;display:flex}.terminal-tab-item:hover{color:#ffffffb3}.terminal-tab-item.active{color:#fff;border-bottom-color:#ff6b35}.terminal-tab-item .tab-label{font-weight:500}.terminal-tab-item .tab-powered{color:#ffffff4d;font-size:.75rem}.terminal-tab-item.active .tab-powered{color:#ff6b35}.terminal-feature-card{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;grid-template-columns:1fr 1.2fr;gap:40px;padding:40px;display:grid}.terminal-feature-left{flex-direction:column;gap:24px;display:flex}.terminal-feature-row h4{color:#fff;margin-bottom:8px;font-size:.95rem;font-weight:600}.terminal-feature-row p{color:#ffffff80;font-size:.85rem;line-height:1.6}.terminal-feature-right{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.terminal-preview-placeholder{aspect-ratio:1;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;display:flex}.terminal-preview-placeholder:first-child{aspect-ratio:auto;grid-area:span 2/span 2}.preview-label{color:#ffffff4d;letter-spacing:.1em;border:1px solid #ffffff1a;border-radius:4px;padding:6px 12px;font-size:.65rem;font-weight:500}.terminal-grid-2x2{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.terminal-card{background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;gap:24px;padding:28px;transition:all .3s;display:flex}.terminal-card:hover{background:#ffffff0a;border-color:#ff6b354d}.terminal-card-visual{background:linear-gradient(135deg,#ff6b3526 0%,#ff32321a 100%);border:1px solid #ff6b354d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:120px;height:120px;font-size:2.5rem;display:flex}.terminal-card-content h3{color:#fff;margin-bottom:8px;font-size:1rem;font-weight:600}.terminal-card-content p{color:#ffffff80;margin-bottom:16px;font-size:.85rem;line-height:1.6}.terminal-card-tags{flex-wrap:wrap;gap:8px;display:flex}.terminal-tag{color:#ff6b35;background:#ff6b351a;border:1px solid #ff6b354d;border-radius:4px;padding:4px 12px;font-size:.7rem;font-weight:500}.terminal-faq-layout{grid-template-columns:1fr 1.5fr;align-items:start;gap:80px;display:grid}.terminal-faq-left{position:sticky;top:100px}.terminal-accordion{flex-direction:column;display:flex}.terminal-accordion-item{border-bottom:1px solid #ffffff14}.terminal-accordion-header{color:#fff;width:100%;font-family:var(--font-primary);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:20px 0;font-size:.9rem;font-weight:500;transition:color .2s;display:flex}.terminal-accordion-header:hover{color:#ff6b35}.accordion-icon{color:#fff6;font-size:1rem}.terminal-accordion-content{max-height:0;transition:max-height .3s;overflow:hidden}.terminal-accordion-content p{color:#ffffff80;padding-bottom:20px;font-size:.85rem;line-height:1.7}.terminal-accordion-item.open .terminal-accordion-content{max-height:300px}.terminal-accordion-item.open .accordion-icon{color:#ff6b35}.terminal-footer-cta{text-align:center;background:#0a0a0f;padding:120px 40px;position:relative;overflow:hidden}.footer-cta-bg{background:radial-gradient(#ff6b351f 0%,#0000 50%);animation:4s ease-in-out infinite cta-pulse;position:absolute;inset:0}@keyframes cta-pulse{0%,to{opacity:.7}50%{opacity:1}}.footer-cta-title{font-family:var(--font-display);color:#fff;margin-bottom:32px;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:600;position:relative}.footer-cta-btn{color:#fff;cursor:pointer;background:#ff6b35;border:none;border-radius:6px;padding:14px 40px;font-weight:600;transition:all .2s;display:inline-block;position:relative}.footer-cta-btn:hover{background:#ff5722;transform:translateY(-2px)}.footer-bottom{background:#0a0a0f;border-top:1px solid #ffffff14;padding:40px 60px}.footer-bottom-row{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.footer-logo img{opacity:.5;height:24px}.footer-links{gap:24px;display:flex}.footer-links a{color:#fff6;font-size:.8rem;text-decoration:none}.footer-links a:hover{color:#fff}.footer-disclaimer{text-align:center;color:#ffffff4d;max-width:600px;margin:0 auto 24px;font-size:.75rem}.footer-copyright{text-align:center;color:#ffffff40;font-size:.7rem}@media (max-width:1024px){.terminal-container{padding:0 40px}.terminal-feature-card{grid-template-columns:1fr}.terminal-feature-right{grid-template-columns:repeat(3,1fr)}.terminal-faq-layout{grid-template-columns:1fr;gap:40px}.terminal-faq-left{position:static}}@media (max-width:768px){.terminal-container{padding:0 20px}.terminal-section{padding:60px 0}.terminal-tabs-row{flex-wrap:wrap}.terminal-tab-item{padding:12px 20px}.terminal-grid-2x2{grid-template-columns:1fr}.terminal-card{flex-direction:column}.terminal-card-visual{width:80px;height:80px;font-size:1.5rem}.footer-bottom{padding:40px 20px}.footer-bottom-row{flex-direction:column;gap:20px}}.solid-sections-wrapper{z-index:50;background:#0a0a0f;position:relative}@media (max-width:768px){html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain}.game-header{flex-wrap:wrap;gap:8px;padding:12px 16px!important}.game-stats{gap:10px!important;font-size:.8rem!important}.game-title{font-size:.95rem!important}.back-btn{padding:4px 0;font-size:.85rem!important}.game-start,.game-result,.countdown-screen{min-height:calc(100vh - 60px)!important;padding:24px 16px!important}.start-content,.result-content{width:100%!important;max-width:100%!important}.game-icon,.result-icon{margin-bottom:16px!important;font-size:3rem!important}.start-content h1,.result-content h1{word-break:keep-all;margin-bottom:12px!important;font-size:1.5rem!important}.start-content p{margin-bottom:20px!important;font-size:.9rem!important}.game-rules{margin-bottom:20px!important;padding:16px!important}.game-rules li{padding:6px 0!important;font-size:.85rem!important}.start-btn{min-height:52px;width:100%!important;padding:14px 24px!important;font-size:1rem!important}.result-stats{flex-wrap:wrap!important;justify-content:center!important;gap:12px!important;margin:24px 0!important}.stat{min-width:70px!important;padding:12px 16px!important}.stat.highlight{padding:14px 20px!important}.stat-value{font-size:1.5rem!important}.stat-label{font-size:.7rem!important}.result-description{font-size:.85rem!important;line-height:1.6!important}.action-buttons,.actions{flex-direction:column!important;gap:8px!important}.retry-btn,.next-game-btn,.exit-btn,.home-btn{min-height:48px;text-align:center!important;width:100%!important;padding:14px!important;font-size:.95rem!important}.game-play{max-width:100%!important;padding:16px!important}.score-row,.level-display,.level-indicator{font-size:.9rem;margin-bottom:12px!important}.score,.level{font-size:1.2rem!important}.puzzle-area{border-radius:12px!important;margin-bottom:20px!important;padding:16px!important}.instruction{margin-bottom:16px!important;font-size:.9rem!important}.examples{gap:8px!important}.example,.question-box{flex-wrap:wrap;justify-content:center!important;gap:8px!important;font-size:1.1rem!important}.input,.output,.mystery{border-radius:10px!important;width:48px!important;height:48px!important;font-size:1rem!important}.options-grid{gap:10px!important}.option-btn{min-height:52px;border-radius:10px!important;padding:16px!important;font-size:1.1rem!important}.countdown-number,.countdown{font-size:5rem!important}}@media (max-width:480px){.game-header{padding:10px 12px!important}.game-start,.game-result,.countdown-screen{padding:20px 12px!important}.start-content h1,.result-content h1{font-size:1.35rem!important}.game-icon,.result-icon{font-size:2.5rem!important}.game-play{padding:12px!important}.input,.output,.mystery{width:42px!important;height:42px!important;font-size:.9rem!important}.option-btn{padding:14px!important;font-size:1rem!important}.countdown-number,.countdown{font-size:4rem!important}}@media (max-width:768px){.memory-grid{grid-template-columns:repeat(3,80px)!important;gap:8px!important}.cell{border-radius:12px!important;width:80px!important;height:80px!important}.progress-dots{gap:6px!important}.dot{width:12px!important;min-width:12px!important;height:12px!important;min-height:12px!important}}@media (max-width:420px){.memory-grid{grid-template-columns:repeat(3,70px)!important;gap:6px!important}.cell{width:70px!important;height:70px!important}}@media (max-width:768px){.stroop-word{font-size:3.5rem!important}.trial-area{min-height:140px!important;margin-bottom:20px!important}.color-buttons{gap:8px!important}.color-btn{min-height:52px;border-radius:10px!important;padding:14px 12px!important;font-size:1.1rem!important}.demo-box{margin-bottom:16px!important;padding:16px!important}.demo-word{font-size:2rem!important}.speed-rating{font-size:1rem!important}.feedback-indicator{font-size:3rem!important}}@media (max-width:480px){.stroop-word{font-size:2.8rem!important}.color-btn{padding:12px 10px!important;font-size:1rem!important}}@media (max-width:768px){.question-card{border-radius:12px!important;padding:16px!important}.q-header{gap:8px!important;margin-bottom:10px!important}.q-emoji{font-size:1.2rem!important}.q-title{font-size:1rem!important}.situation{margin-bottom:10px!important;padding:10px!important;font-size:.85rem!important}.cue{margin-bottom:4px!important;padding:6px 10px!important;font-size:.8rem!important}.question{margin-bottom:12px!important;padding:10px!important;font-size:.9rem!important}.options{gap:8px!important}.options .option-btn{min-height:48px;line-height:1.4;padding:12px 14px!important;font-size:.9rem!important}.feedback{border-radius:10px!important;padding:16px!important}.feedback-result{font-size:1.1rem!important}.feedback-hint{margin-bottom:12px!important;font-size:.85rem!important}.next-btn{width:100%;min-height:48px;padding:12px!important;font-size:.95rem!important}.difficulty-preview{margin-bottom:16px!important;padding:12px!important}.diff-item{padding:6px 0!important;font-size:.8rem!important}.timer-bar{margin-bottom:12px!important}.level-info{gap:8px!important}.level-badge{padding:3px 10px!important;font-size:.8rem!important}.level-desc{font-size:.75rem!important}.dilemma-page .game-header{padding:14px 16px!important}.intro-screen,.center-screen,.result-screen{padding:24px 16px!important}.intro-icon{margin-bottom:16px!important;font-size:3rem!important}.intro-title{margin-bottom:8px!important;font-size:1.5rem!important}.intro-desc{margin-bottom:24px!important;font-size:.9rem!important}.play-screen{padding:16px!important}.scenario-card{border-radius:12px!important;margin-bottom:16px!important;padding:16px!important}.emoji{margin-bottom:8px!important;font-size:2rem!important}.scenario-title{margin-bottom:10px!important;font-size:1.2rem!important}.dilemma-page .situation{margin-bottom:12px!important;font-size:.95rem!important}.details{padding:10px 14px!important;font-size:.8rem!important}.dilemma-page .option-btn{border-radius:10px!important;padding:14px!important}.label{margin-right:8px!important;font-size:1rem!important}.text{font-size:.9rem!important}.type-tag{padding:2px 6px!important;font-size:.65rem!important}.analysis-box{margin-top:16px!important;padding:16px!important}.result-content{border-radius:16px!important;padding:24px!important}.type-badge{margin-bottom:20px!important;padding:6px 14px!important;font-size:.95rem!important}.chart-container{margin-bottom:20px!important}.bar-bg{height:10px!important}.labels{font-size:.8rem!important}.result-desc{margin-bottom:20px!important;font-size:.9rem!important}.future-page .game-header{padding:14px 16px!important}.future-page .intro-screen,.future-page .center-screen,.future-page .result-screen{padding:24px 16px!important}.signal-box{padding:12px!important;font-size:.85rem!important}.signal-item{padding:6px 0!important;font-size:.8rem!important}.hub-header{padding:14px 16px!important}.hub-content{padding:32px 16px!important}.hub-intro{margin-bottom:32px!important}.hub-intro h1{font-size:1.75rem!important}.hub-intro p{font-size:.9rem!important}.section{margin-bottom:32px!important}.section-header h2{font-size:1.1rem!important}}@media (max-width:480px){.hub-content{padding:20px 12px!important}.hub-intro h1{font-size:1.5rem!important}}@media (max-width:768px){.flow-screen{padding:24px 16px!important}.flow-icon{margin-bottom:16px!important;font-size:3rem!important}.flow-content h1{font-size:1.5rem!important}.flow-subtitle{margin-bottom:24px!important;font-size:.85rem!important}.game-list-preview{margin-bottom:20px!important;padding:12px!important}.game-preview-item{padding:6px 4px!important;font-size:.85rem!important}.flow-start-btn{min-height:52px;padding:14px!important;font-size:1rem!important}.intermission h2{font-size:1.3rem!important}.next-game-card{padding:14px 20px!important;font-size:1rem!important}.countdown-circle{width:64px!important;height:64px!important;font-size:1.5rem!important}.profile-page{padding:60px 16px 24px!important}.profile-card{border-radius:12px!important;padding:20px!important}.leaderboard-page{padding:24px 16px!important}.leaderboard-table{font-size:.85rem!important}.leaderboard-row{gap:8px!important;padding:10px 12px!important}}@media (hover:none) and (pointer:coarse){.start-btn:hover,.color-btn:hover,.next-btn:hover,.retry-btn:hover,.next-game-btn:hover{transform:none!important}.start-btn:active,.color-btn:active,.next-btn:active,.option-btn:active,.retry-btn:active,.next-game-btn:active{transition:transform .1s!important;transform:scale(.97)!important}.cell:active:not(:disabled){transform:scale(.95)!important}.cell{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.dilemma-page .option-btn{min-height:56px}}@supports (padding:max(0px)){.game-page,.dilemma-page,.test-flow-page,.game-hub{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right));padding-bottom:max(0px,env(safe-area-inset-bottom))}}