@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Exo+2:wght@500;600;700;800&family=Rajdhani:wght@500;600;700&display=swap";:root{--navy-0: #050b1c;--navy-1: #081230;--navy-2: #0d1d44;--navy-3: #14306b;--navy-4: #1d3f86;--radar-0: #2ff3d0;--radar-1: #22d3ee;--radar-2: #1aa6c4;--neon-purple: #7c3cff;--neon-violet: #a855f7;--neon-magenta: #e33dff;--cta-yellow: #ffd23f;--cta-pink: #e33dff;--signal-blue: #2b8cff;--signal-blue-soft: #5aa8ff;--blip-pink: var(--neon-magenta);--blip-orange: #ffb347;--blip-green: #54e08a;--blip-blue: #5cc8ff;--signal-red: #ff5a6e;--signal-amber: #ffb347;--signal-cyan: #22d3ee;--signal-yellow: #ffd23f;--signal-green: #54e08a;--color-0: var(--text-main);--color-1: var(--cta-yellow);--color-2: var(--signal-blue);--color-3: var(--navy-2);--brand-0: var(--color-0);--brand-1: var(--color-1);--brand-2: var(--color-2);--brand-3: var(--color-3);--stone-0: #e9f1ff;--stone-1: #d4e2f8;--stone-2: #abc2e3;--stone-3: #7894c0;--stone-4: #526d9b;--stone-5: #34466d;--stone-6: #1d2d50;--stone-7: #101d3a;--stone-8: #071026;--ink-0: var(--navy-0);--ink-1: var(--navy-1);--ink-2: var(--navy-2);--ink-3: var(--navy-3);--orange-hot: var(--signal-red);--orange: var(--signal-blue);--amber: var(--signal-amber);--cream: var(--text-main);--steel: var(--text-soft);--electric: var(--radar-0);--danger: var(--signal-red);--ember: var(--signal-blue);--ember-soft: var(--radar-1);--ember-low: rgba(34, 211, 238, .16);--text-main: #e9f1ff;--text-strong: #ffffff;--text-soft: rgba(233, 241, 255, .78);--text-dim: rgba(233, 241, 255, .55);--text-warm: #f3dcff;--text-amber: var(--cta-yellow);--text-dark: #06101f;--text-ui: var(--radar-1);--text-input: var(--text-main);--text-btn: #ffffff;--text-error: var(--danger);--text-legal: var(--text-soft);--text-placeholder: rgba(233, 241, 255, .62);--grad-text: linear-gradient(180deg, #ffffff 0%, #73f7ff 48%, #2ff3d0 100%);--grad-bg-overlay-base: radial-gradient(circle at 50% 16%, rgba(43, 140, 255, .2) 0%, transparent 36%), radial-gradient(circle at 18% 42%, rgba(227, 61, 255, .18) 0%, transparent 28%), linear-gradient(180deg, rgba(5, 11, 28, .06) 0%, rgba(5, 11, 28, .42) 58%, rgba(4, 8, 20, .82) 100%);--grad-bg-overlay-quiz: radial-gradient(circle at 50% 20%, rgba(34, 211, 238, .2) 0%, transparent 34%), radial-gradient(circle at 86% 34%, rgba(124, 60, 255, .2) 0%, transparent 28%), linear-gradient(180deg, rgba(5, 11, 28, .28) 0%, rgba(4, 8, 20, .78) 100%);--grad-bg-overlay-result: radial-gradient(circle at 50% 18%, rgba(47, 243, 208, .22) 0%, transparent 34%), radial-gradient(circle at 50% 82%, rgba(227, 61, 255, .24) 0%, transparent 32%), linear-gradient(180deg, rgba(5, 11, 28, .22) 0%, rgba(4, 8, 20, .82) 100%);--bg-dark: var(--navy-0);--bg-media-mobile: url("/pelit/laskututka/assets/mobile(backoground).png");--bg-media-desktop: url("/pelit/laskututka/assets/desktop(background).png");--bg-media: var(--bg-media-mobile);--bg-media-fit: cover;--bg-media-position: center;--bg-media-repeat: no-repeat;--bg-overlay-base: var(--grad-bg-overlay-base);--bg-overlay-quiz: var(--grad-bg-overlay-quiz);--bg-overlay-result: var(--grad-bg-overlay-result);--primary: var(--signal-blue);--secondary: var(--radar-1);--accent: var(--radar-0);--card-bg: rgba(8, 18, 44, .82)}@media (min-width: 768px){:root{--bg-media: var(--bg-media-desktop)}}:root{--scale-ui: 1;--scale-type: 1;--scale-heading: 1;--scale-space: 1;--scale-button: 1;--scale-panel: 1;--scale-media: 1;--scale-character: 1;--scale-progress: 1;--radius-pill: 999px;--radius-card: calc(8px * var(--scale-panel));--radius-panel: calc(8px * var(--scale-panel));--radius-topbar: calc(8px * var(--scale-panel));--radius-checkbox: calc(5px * var(--scale-ui));--content-max: calc(590px * var(--scale-ui));--content-rail: var(--content-max);--form-max: calc(480px * var(--scale-ui));--form-rail: var(--form-max);--space-2: calc(2px * var(--scale-space));--space-4: calc(4px * var(--scale-space));--space-6: calc(6px * var(--scale-space));--space-8: calc(8px * var(--scale-space));--space-10: calc(10px * var(--scale-space));--space-12: calc(12px * var(--scale-space));--space-14: calc(14px * var(--scale-space));--space-16: calc(16px * var(--scale-space));--space-18: calc(18px * var(--scale-space));--space-20: calc(20px * var(--scale-space));--space-24: calc(24px * var(--scale-space));--space-28: calc(28px * var(--scale-space));--space-32: calc(32px * var(--scale-space));--space-36: calc(36px * var(--scale-space));--space-40: calc(40px * var(--scale-space));--logo-edge-offset: clamp(calc(14px * var(--scale-space)), 3vw, calc(32px * var(--scale-space)));--logo-edge-offset-desktop: clamp(calc(18px * var(--scale-space)), 2.2vw, calc(42px * var(--scale-space)));--logo-edge-top: clamp(calc(14px * var(--scale-space)), 3.8dvh, calc(42px * var(--scale-space)));--logo-edge-top-desktop: clamp(calc(24px * var(--scale-space)), 4.2dvh, calc(56px * var(--scale-space)));--logo-company-w: clamp(calc(74px * var(--scale-media)), calc(18vw * var(--scale-media)), calc(96px * var(--scale-media)));--logo-company-w-desktop: clamp(calc(128px * var(--scale-media)), calc(8.6vw * var(--scale-media)), calc(166px * var(--scale-media)));--logo-company-w-compact: clamp(calc(64px * var(--scale-media)), calc(15vw * var(--scale-media)), calc(82px * var(--scale-media)));--logo-company-w-compact-desktop: clamp(calc(116px * var(--scale-media)), calc(7.2vw * var(--scale-media)), calc(148px * var(--scale-media)));--logo-company-w-thankyou: clamp(calc(72px * var(--scale-media)), calc(17vw * var(--scale-media)), calc(96px * var(--scale-media)));--logo-company-w-thankyou-desktop: clamp(calc(126px * var(--scale-media)), calc(8vw * var(--scale-media)), calc(156px * var(--scale-media)));--logo-game-w: clamp(calc(260px * var(--scale-media)), calc(72vw * var(--scale-media)), calc(440px * var(--scale-media)));--logo-game-w-desktop: clamp(calc(380px * var(--scale-media)), calc(48vw * var(--scale-media)), calc(580px * var(--scale-media)));--character-scale-base: 1.3;--character-scale: calc(var(--character-scale-base) * var(--scale-character));--character-size-mobile: calc(156px * var(--character-scale));--character-size-desktop: calc(194px * var(--character-scale));--character-right-mobile: calc(-18px * var(--scale-character));--character-right-desktop: calc(50px * var(--scale-character));--pill: var(--radius-pill);--card-r: var(--radius-card);--panel-r: var(--radius-panel);--top-bar-r: var(--radius-topbar);--checkbox-r: var(--radius-checkbox)}.scale-all-120{--scale-ui: 1.2;--scale-type: 1.2;--scale-heading: 1.2;--scale-space: 1.2;--scale-button: 1.2;--scale-panel: 1.2;--scale-media: 1.2;--scale-character: 1.2;--scale-progress: 1.2}.scale-buttons-120{--scale-button: 1.2}.scale-panel-120{--scale-panel: 1.2;--scale-button: 1.2;--scale-space: 1.12}.scale-type-120{--scale-type: 1.2;--scale-heading: 1.2}.quiz-screen{--scale-type: .75}@media (max-width: 767px){.quiz-screen{--scale-type: .85}}.scale-media-120{--scale-media: 1.2;--scale-character: 1.2}:root{--font-body: "Rajdhani", "Exo 2", "Segoe UI", sans-serif;--font-serif: "Exo 2", "Segoe UI", sans-serif;--font-wordmark: "Barlow Condensed", "Rajdhani", "Segoe UI", sans-serif;--font-game: "Barlow Condensed", "Rajdhani", "Segoe UI", sans-serif;--type-weight-regular: 500;--type-weight-medium: 600;--type-weight-semibold: 700;--type-weight-bold: 800;--type-weight-heavy: 900;--type-weight-black: 900;--size-hero: clamp(calc(2.05rem * var(--scale-type) * var(--scale-heading)), calc(6.2vw * var(--scale-type) * var(--scale-heading)), calc(3.5rem * var(--scale-type) * var(--scale-heading)));--size-title: clamp(calc(1.35rem * var(--scale-type) * var(--scale-heading)), calc(4.6vw * var(--scale-type) * var(--scale-heading)), calc(2.1rem * var(--scale-type) * var(--scale-heading)));--size-subtitle: clamp(calc(1rem * var(--scale-type)), calc(3.5vw * var(--scale-type)), calc(1.36rem * var(--scale-type)));--size-body: clamp(calc(.9rem * var(--scale-type)), calc(2.62vw * var(--scale-type)), calc(1.18rem * var(--scale-type)));--size-small: clamp(calc(.76rem * var(--scale-type)), calc(2.6vw * var(--scale-type)), calc(.98rem * var(--scale-type)));--size-micro: clamp(calc(.58rem * var(--scale-type)), calc(1.55vw * var(--scale-type)), calc(.68rem * var(--scale-type)));--type-brand: clamp(calc(.62rem * var(--scale-type)), calc(1.35vw * var(--scale-type)), calc(.78rem * var(--scale-type)));--type-brand-compact: clamp(calc(.56rem * var(--scale-type)), calc(1.1vw * var(--scale-type)), calc(.68rem * var(--scale-type)));--type-start-headline: clamp(calc(1.18rem * var(--scale-type) * var(--scale-heading)), calc(4.3vw * var(--scale-type) * var(--scale-heading)), calc(1.7rem * var(--scale-type) * var(--scale-heading)));--type-start-headline-desktop: clamp(calc(1.48rem * var(--scale-type) * var(--scale-heading)), calc(2.15vw * var(--scale-type) * var(--scale-heading)), calc(2.1rem * var(--scale-type) * var(--scale-heading)));--type-start-punchline: clamp(calc(.9rem * var(--scale-type)), calc(3vw * var(--scale-type)), calc(1.04rem * var(--scale-type)));--type-start-punchline-desktop: clamp(calc(1rem * var(--scale-type)), calc(1.2vw * var(--scale-type)), calc(1.16rem * var(--scale-type)));--type-quiz-question: clamp(calc(1.08rem * var(--scale-type)), calc(3.62vw * var(--scale-type)), calc(1.52rem * var(--scale-type)));--type-result-intro: clamp(calc(.82rem * var(--scale-type)), calc(2.1vw * var(--scale-type)), calc(1.08rem * var(--scale-type)));--type-result-name: var(--size-hero);--type-result-category: clamp(calc(.9rem * var(--scale-type)), calc(3vw * var(--scale-type)), calc(1.46rem * var(--scale-type)));--type-reg-title: clamp(calc(1.42rem * var(--scale-type) * var(--scale-heading)), calc(8vw * var(--scale-type) * var(--scale-heading)), calc(2.16rem * var(--scale-type) * var(--scale-heading)));--type-reg-title-desktop: clamp(calc(1.72rem * var(--scale-type) * var(--scale-heading)), calc(3.2vw * var(--scale-type) * var(--scale-heading)), calc(2.44rem * var(--scale-type) * var(--scale-heading)));--type-reg-subtitle: clamp(calc(.86rem * var(--scale-type)), calc(2.6vw * var(--scale-type)), calc(1.05rem * var(--scale-type)));--type-reg-subtitle-desktop: clamp(calc(.94rem * var(--scale-type)), calc(1.35vw * var(--scale-type)), calc(1.12rem * var(--scale-type)));--type-thankyou-title: clamp(calc(1.72rem * var(--scale-type) * var(--scale-heading)), calc(6.2vw * var(--scale-type) * var(--scale-heading)), calc(2.42rem * var(--scale-type) * var(--scale-heading)));--type-thankyou-title-desktop: clamp(calc(1.92rem * var(--scale-type) * var(--scale-heading)), calc(2.7vw * var(--scale-type) * var(--scale-heading)), calc(2.74rem * var(--scale-type) * var(--scale-heading)))}:root{--text-lift: 0 2px 0 rgba(0, 0, 0, .42), 0 10px 24px rgba(0, 0, 0, .62), 0 0 18px rgba(255, 106, 0, .18);--text-lift-soft: 0 2px 0 rgba(0, 0, 0, .34), 0 8px 18px rgba(0, 0, 0, .48);--text-wordmark-shadow: 0 2px 0 rgba(0, 0, 0, .55), 0 0 16px rgba(255, 106, 0, .16);--game-logo-shine: brightness(1.08) saturate(1.14) drop-shadow(0 0 10px rgba(34, 211, 238, .34)) drop-shadow(0 0 18px rgba(255, 255, 255, .18));--radar-glow-soft: 0 0 14px rgba(34, 211, 238, .45), 0 0 34px rgba(43, 140, 255, .22), 0 0 46px rgba(227, 61, 255, .14);--signal-active-glow: 0 0 14px currentColor, 0 0 24px rgba(34, 211, 238, .38);--glass-bg: rgba(8, 18, 48, .64);--glass-bg-strong: rgba(5, 11, 28, .82);--glass-border-soft: rgba(255, 255, 255, .12);--glass-border-strong: rgba(255, 255, 255, .2);--glass-border-panel: rgba(255, 255, 255, .24);--glass-blur-soft: blur(14px) saturate(1.05);--glass-blur-strong: blur(22px) saturate(1.1);--glass-blur-panel: blur(26px) saturate(1.14);--glass-shadow-soft: 0 16px 30px rgba(0, 0, 0, .26);--glass-shadow-strong: 0 24px 58px rgba(0, 0, 0, .42);--shadow-soft: 0 18px 44px rgba(0, 0, 0, .34);--shadow-card: 0 26px 60px rgba(0, 0, 0, .42);--anim-fast: .15s;--anim-normal: .4s;--anim-slow: .6s;--anim-bounce: cubic-bezier(.34, 1.56, .64, 1);--anim-ease: cubic-bezier(.25, .46, .45, .94);--anim-sharp: cubic-bezier(.4, 0, .2, 1)}:root{--panel-parchment-bg: linear-gradient(155deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .03) 32%, transparent 56%), radial-gradient(circle at 85% 18%, rgba(124, 60, 255, .26) 0%, transparent 34%), linear-gradient(180deg, rgba(10, 22, 64, .88) 0%, rgba(5, 11, 35, .96) 100%);--panel-parchment-border: 1px solid rgba(227, 61, 255, .44);--panel-parchment-shadow: 0 18px 44px rgba(0, 0, 0, .44), 0 0 0 1px rgba(34, 211, 238, .18), 0 0 28px rgba(124, 60, 255, .22), inset 0 1px 0 rgba(255, 255, 255, .2), inset 0 -18px 30px rgba(0, 0, 0, .34);--panel-parchment-blur: blur(16px) saturate(1.18);--panel-parchment-text: var(--text-strong);--panel-parchment-text-soft: var(--text-soft);--panel-grad-shine: linear-gradient(155deg, rgba(255, 255, 255, .16) 0%, rgba(255, 255, 255, .04) 34%, transparent 58%);--panel-grad-base: linear-gradient(180deg, rgba(20, 29, 39, .92) 0%, rgba(7, 11, 17, .96) 100%);--panel-border: 1px solid rgba(255, 255, 255, .18);--panel-radius: var(--radius-panel);--panel-shadow: 0 20px 44px rgba(0, 0, 0, .42), 0 0 0 1px rgba(34, 211, 238, .14), inset 0 1px 0 rgba(255, 255, 255, .14);--panel-blur: blur(18px) saturate(1.14);--panel-pad: clamp(calc(14px * var(--scale-panel)), calc(2.2vw * var(--scale-panel)), calc(18px * var(--scale-panel)));--panel-gap: clamp(calc(10px * var(--scale-panel)), calc(1.4dvh * var(--scale-panel)), calc(16px * var(--scale-panel)));--panel-img-radius: var(--radius-card);--panel-img-shadow: var(--shadow-card);--panel-img-fit: cover;--surface-topbar-bg: linear-gradient(180deg, rgba(23, 33, 44, .96) 0%, rgba(7, 11, 17, .96) 100%);--surface-topbar-border: 1px solid rgba(255, 255, 255, .22);--surface-topbar-shadow: 0 14px 28px rgba(0, 0, 0, .38), 0 0 0 1px rgba(34, 211, 238, .14), inset 0 1px 0 rgba(255, 255, 255, .14);--surface-topbar-blur: blur(18px) saturate(1.18);--btn-cta-height: clamp(calc(54px * var(--scale-button)), calc(9vw * var(--scale-button)), calc(62px * var(--scale-button)));--btn-cta-height-desk: calc(62px * var(--scale-button));--btn-cta-image: url(/pelit/laskututka/assets/ctabutton.png);--btn-cta-image-ratio: 350 / 70;--btn-cta-radius: calc(8px * var(--scale-button));--btn-cta-border-w: 1px;--btn-cta-border-color: rgba(255, 240, 150, .96);--btn-cta-grad-shine: linear-gradient(180deg, rgba(255, 255, 255, .44) 0%, rgba(255, 255, 255, .1) 28%, transparent 54%);--btn-cta-grad-base: linear-gradient(135deg, #ffe95c 0%, #ffb347 42%, #e33dff 100%);--btn-cta-shadow: 0 12px 24px rgba(0, 0, 0, .4), 0 0 24px rgba(227, 61, 255, .34), inset 0 1px 0 rgba(255, 255, 255, .46), inset 0 -10px 18px rgba(104, 24, 154, .3);--btn-cta-color: #16051f;--btn-cta-text-shadow: 0 1px 0 rgba(255, 255, 255, .42);--btn-start-height: clamp(calc(62px * var(--scale-button)), calc(10.8vw * var(--scale-button)), calc(78px * var(--scale-button)));--btn-result-height: clamp(calc(58px * var(--scale-button)), calc(10vw * var(--scale-button)), calc(70px * var(--scale-button)));--option-btn-top: rgba(15, 28, 78, .96);--option-btn-mid: rgba(9, 18, 58, .98);--option-btn-bottom: rgba(6, 10, 35, .98);--option-btn-top-selected: #20e8ff;--option-btn-mid-selected: #7c3cff;--option-btn-bottom-selected: #e33dff;--option-btn-border: rgba(227, 61, 255, .62);--option-btn-text: var(--text-strong);--option-btn-text-selected: #fffaf2;--btn-answer-height: clamp(calc(48px * var(--scale-button)), calc(8.4vw * var(--scale-button)), calc(58px * var(--scale-button)));--btn-answer-height-compact: clamp(calc(42px * var(--scale-button)), calc(7.2vw * var(--scale-button)), calc(48px * var(--scale-button)));--btn-answer-radius: calc(8px * var(--scale-button));--btn-answer-border-w: 1px;--btn-answer-grad-shine: linear-gradient(180deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,.04) 34%, transparent 60%);--btn-answer-grad-base: linear-gradient(180deg, var(--option-btn-top) 0%, var(--option-btn-mid) 52%, var(--option-btn-bottom) 100%);--btn-answer-grad-multi: var(--btn-answer-grad-base);--btn-answer-shadow: 0 8px 16px rgba(0, 0, 0, .32), inset 0 1px 0 rgba(255, 255, 255, .1);--btn-answer-text-shadow: 0 2px 3px rgba(0, 0, 0, .55);--answer-text-scale: 1.2;--state-btn-hover-brightness: 1.08;--state-btn-active-scale: .98;--state-btn-active-brightness: .92;--state-btn-disabled-opacity: .52;--state-answer-hover-brightness: 1.08;--state-answer-hover-lift: -2px;--state-answer-active-scale: .98;--state-answer-sel-border: rgba(255, 231, 92, .98);--state-answer-sel-shadow: 0 10px 20px rgba(0, 0, 0, .38), var(--radar-glow-soft), 0 0 22px rgba(227, 61, 255, .35), inset 0 1px 0 rgba(255, 255, 255, .38), inset 0 -9px 16px rgba(5, 29, 78, .28);--state-answer-disabled-opacity: .44;--state-answer-disabled-brightness: .62;--btn-img-press-scale: .95;--btn-img-press-brightness: .85;--btn-img-press-duration: .1s;--input-height: clamp(calc(48px * var(--scale-ui)), calc(8vw * var(--scale-ui)), calc(56px * var(--scale-ui)));--input-bg: linear-gradient(180deg, rgba(23, 33, 44, .94) 0%, rgba(8, 12, 18, .96) 100%);--input-border-color: rgba(255, 255, 255, .22);--input-border-w: 1px;--input-radius: calc(8px * var(--scale-ui));--input-padding: 0 calc(16px * var(--scale-space));--input-r: var(--input-radius);--state-input-focus-border: rgba(34, 211, 238, .88);--state-input-focus-shadow: 0 0 0 2px rgba(34, 211, 238, .18), 0 8px 18px rgba(0, 0, 0, .28);--state-input-focus-color: var(--text-strong);--state-input-error-border: var(--danger);--tick-green: var(--electric);--tick-green-glow: rgba(88, 240, 175, .52);--tick-white: #07110c;--check-green-top: #8ff7ca;--check-green-mid: #58f0af;--check-green-bottom: #20b873;--check-green-border: rgba(172, 255, 218, .96);--checkbox-size: calc(24px * var(--scale-ui));--multi-checkbox-bg: linear-gradient(180deg, rgba(5, 8, 12, .92) 0%, rgba(16, 24, 33, .94) 100%);--multi-checkbox-border: 1px solid rgba(255, 255, 255, .3);--multi-checkbox-checked-bg: linear-gradient(180deg, #8ff7ca 0%, #58f0af 100%);--consent-checkbox-bg: linear-gradient(180deg, rgba(5, 8, 12, .92) 0%, rgba(16, 24, 33, .94) 100%);--consent-checkbox-border: 1px solid rgba(255, 255, 255, .34);--consent-checkbox-checked-bg: linear-gradient(180deg, #8ff7ca 0%, #58f0af 100%);--progress-track-height: calc(14px * var(--scale-progress));--progress-track-height-desktop: calc(16px * var(--scale-progress));--progress-track-bg: linear-gradient(180deg, rgba(3, 6, 10, .92) 0%, rgba(12, 18, 25, .95) 100%);--progress-track-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 8px 18px rgba(0, 0, 0, .3);--progress-fill-bg: linear-gradient(90deg, #2ff3d0 0%, #22d3ee 38%, #7c3cff 74%, #2b8cff 100%);--loading-fill-bg: linear-gradient(90deg, #2ff3d0 0%, #22d3ee 38%, #7c3cff 72%, #e33dff 100%);--replay-bg: linear-gradient(180deg, rgba(255, 255, 255, .14) 0%, rgba(255, 255, 255, .04) 38%, transparent 62%), linear-gradient(180deg, #182331 0%, #0b1119 100%);--replay-border: rgba(34, 211, 238, .66);--replay-shadow: 0 12px 24px rgba(0, 0, 0, .38), 0 0 18px rgba(34, 211, 238, .18), inset 0 1px 0 rgba(255, 255, 255, .14);--answer-h: var(--btn-answer-height);--answer-h-compact: var(--btn-answer-height-compact);--btn-h: calc(48px * var(--scale-button));--btn-cta-h: var(--btn-cta-height);--btn-cta-h-desktop: var(--btn-cta-height-desk)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg-dark);-webkit-font-smoothing:antialiased}body{position:relative;isolation:isolate}#root{position:relative;z-index:2;width:100%;height:100%;overflow:hidden}button{font-family:var(--font-body);border:none;outline:none;background:none;cursor:pointer}img{display:block;max-width:100%}a{color:var(--amber)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body:before,body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}body:before{z-index:0;background-color:var(--bg-dark);background-image:var(--bg-media);background-position:var(--bg-media-position);background-size:var(--bg-media-fit);background-repeat:var(--bg-media-repeat)}body:after{z-index:1;background:linear-gradient(180deg,#03070d14,#0204084d 52%,#020306ad)}.bg-image{background-image:var(--bg-media);background-position:var(--bg-media-position);background-size:var(--bg-media-fit);background-repeat:var(--bg-media-repeat)}.bg-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.bg-css,.bg-overlay,.bg-effects{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.wifi-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;overflow:hidden;pointer-events:none}.wifi-signal{position:absolute;left:var(--wifi-x);top:var(--wifi-y);width:clamp(18px,2.6vw,34px);aspect-ratio:1;background-image:var(--wifi-image);background-position:center;background-size:contain;background-repeat:no-repeat;opacity:.34;transform:translate(-50%,-50%) scale(1);filter:drop-shadow(0 0 8px rgba(34,211,238,.12));animation:wifiSignalBlink 3s cubic-bezier(.42,0,.58,1) var(--wifi-delay) infinite}.wifi-pink,.wifi-yellow{width:clamp(16px,2.3vw,30px)}.wifi-green{width:clamp(17px,2.5vw,32px)}.radar-backdrop{position:fixed;left:50%;top:clamp(220px,32dvh,320px);z-index:2;display:none;width:clamp(210px,31vw,330px);aspect-ratio:1;pointer-events:none;opacity:.58;transform:translate(-50%,-50%);mix-blend-mode:screen}.radar-backdrop:before,.radar-backdrop:after,.radar-sweep,.radar-ping{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none}.radar-backdrop:before{content:"";background:radial-gradient(circle,rgba(34,211,238,.95) 0 1.6%,transparent 2.2%),radial-gradient(circle,transparent 0 20%,rgba(34,211,238,.22) 20.4% 20.9%,transparent 21.3%),radial-gradient(circle,transparent 0 39%,rgba(34,211,238,.18) 39.4% 40%,transparent 40.5%),radial-gradient(circle,transparent 0 58%,rgba(34,211,238,.16) 58.5% 59.1%,transparent 59.6%),radial-gradient(circle,transparent 0 76%,rgba(34,211,238,.2) 76.4% 77.2%,transparent 77.8%),linear-gradient(90deg,transparent 49.6%,rgba(34,211,238,.2) 49.8% 50.2%,transparent 50.4%),linear-gradient(0deg,transparent 49.6%,rgba(34,211,238,.2) 49.8% 50.2%,transparent 50.4%),radial-gradient(circle,rgba(8,45,105,.16) 0 66%,rgba(34,211,238,.12) 67%,transparent 79%);border:1px solid rgba(34,211,238,.28);box-shadow:inset 0 0 22px #22d3ee2e,0 0 28px #22d3ee38}.radar-backdrop:after{content:"";top:9%;right:9%;bottom:9%;left:9%;background:linear-gradient(45deg,transparent 49.5%,rgba(34,211,238,.13) 49.8% 50.2%,transparent 50.5%),linear-gradient(-45deg,transparent 49.5%,rgba(34,211,238,.13) 49.8% 50.2%,transparent 50.5%);opacity:.68}.radar-sweep{z-index:1;background:conic-gradient(from -22deg,#2ff3d000,#2ff3d000 300deg,#2ff3d01a 324deg,#22d3eea3 352deg,#2ff3d000 360deg);mask-image:radial-gradient(circle,transparent 0 5%,#000 6% 77%,transparent 78%);-webkit-mask-image:radial-gradient(circle,transparent 0 5%,#000 6% 77%,transparent 78%);opacity:.88;transform-origin:50% 50%;animation:radarDetectSpin 4.8s linear infinite}.radar-sweep:after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;border-radius:999px;background:#2ff3d0;box-shadow:0 0 14px #2ff3d0db,0 0 32px #22d3ee75;transform:translate(-50%,-50%)}.radar-ping{z-index:2;opacity:0;background:radial-gradient(circle at 68% 38%,rgba(255,232,85,.92) 0 1.4%,rgba(47,243,208,.34) 1.7% 3.2%,transparent 3.6%);animation:radarPing 4.8s linear infinite}.radar-ping.ping-two{background:radial-gradient(circle at 35% 64%,rgba(227,61,255,.82) 0 1.4%,rgba(34,211,238,.3) 1.7% 3.4%,transparent 3.8%);animation-delay:2.1s}.game-wrapper:has(.is-start) .radar-backdrop,.game-wrapper:has(.is-loading) .radar-backdrop{display:block}.game-wrapper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:none;pointer-events:none;background:var(--bg-overlay-base)}.game-wrapper:after{content:"";position:fixed;left:var(--logo-edge-offset-desktop);top:var(--logo-edge-top-desktop);z-index:40;display:none;width:var(--logo-company-w-desktop);aspect-ratio:2208 / 572;pointer-events:none;background:url(/pelit/laskututka/assets/company.png) center / contain no-repeat;filter:none}.game-wrapper:has(.is-start):after,.game-wrapper:has(.is-loading):after,.game-wrapper:has(.is-quiz):after,.game-wrapper:has(.is-thankyou):after{display:block}.game-wrapper:has(.is-start):before,.game-wrapper:has(.is-loading):before,.game-wrapper:has(.is-thankyou):before{display:none}.game-wrapper:has(.is-quiz):before,.game-wrapper:has(.is-result):before,.game-wrapper:has(.is-registration):before{display:block}.game-wrapper:has(.is-quiz):before{background:var(--bg-overlay-quiz)}.game-wrapper:has(.is-result):before,.game-wrapper:has(.is-registration):before{background:var(--bg-overlay-result)}@media (max-width: 640px){.game-wrapper:after{display:none!important}}@media (max-width: 767px){.game-wrapper:has(.is-quiz):after{display:block!important;left:var(--logo-edge-offset);top:var(--logo-edge-top);width:var(--logo-company-w)}}.quiz-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}@media (max-width: 640px){.radar-backdrop{width:clamp(190px,62vw,270px)}.game-wrapper:has(.is-start) .radar-backdrop,.game-wrapper:has(.is-loading) .radar-backdrop{top:clamp(198px,31dvh,268px)}}@media (prefers-reduced-motion: reduce){.wifi-signal,.radar-sweep,.radar-ping{animation:none}}.game-wrapper{position:relative;width:100%;height:100dvh;display:flex;align-items:center;justify-content:center;overflow:hidden}.game-container{position:relative;z-index:3;width:100%;max-width:430px;height:100dvh;display:flex;flex-direction:column;font-family:var(--font-body);color:var(--text-main)}.game-container.is-start,.game-container.is-loading,.game-container.is-quiz,.game-container.is-result,.game-container.is-registration,.game-container.is-thankyou{width:100%;max-width:100%;height:100dvh;background:none;border:none;border-radius:0;box-shadow:none}.scene,.start-screen,.loading-screen,.quiz-screen,.result-screen,.reg-screen,.ty-screen{position:relative;width:100%;height:100%;overflow:hidden}.start-screen,.result-screen{animation:fadeIn var(--anim-normal) ease}.reg-screen{animation:fadeIn .35s ease}.scene-content,.start-screen-inner,.loading-screen-inner,.quiz-screen-inner,.result-screen-content,.reg-screen-content,.ty-screen-inner{position:relative;width:100%;height:100%}.scene-layout{display:flex;flex-direction:column;width:100%;min-height:100%}.scene-layout.is-spread{justify-content:space-between}.scene-top,.scene-center,.scene-bottom{position:relative;z-index:2;width:100%}.scene-top,.scene-bottom{display:flex;flex:0 0 auto;flex-direction:column;align-items:center}.scene-center{display:flex;flex:1 1 auto;min-height:0;flex-direction:column;align-items:center;justify-content:center}.scene-center-wide,.scene-cluster{width:min(100%,var(--content-rail))}.scene-cluster{display:flex;flex-direction:column;align-items:center}.scene-gap-tight{gap:var(--space-8)}.scene-gap{gap:var(--space-12)}.scene-gap-loose{gap:var(--space-20)}.start-screen-inner,.loading-screen-inner,.ty-screen-inner{display:flex;flex-direction:column;justify-content:space-between}.start-screen-inner{padding:clamp(18px,3dvh,32px) 14px clamp(22px,4dvh,38px)}.loading-screen-inner{padding:clamp(22px,4dvh,42px) 14px clamp(24px,4dvh,42px);gap:var(--space-18)}.ty-screen-inner{align-items:center;padding:24px 14px clamp(48px,6dvh,72px);text-align:center}.quiz-screen-inner{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:clamp(14px,2.1dvh,24px);padding:clamp(18px,3dvh,34px) clamp(14px,3vw,46px) clamp(18px,3dvh,34px);overflow-x:hidden;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.quiz-screen-inner::-webkit-scrollbar{display:none}.result-screen-content,.reg-screen-content{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.result-screen-content{padding:clamp(10px,2.3dvh,44px) clamp(10px,2.6vw,45px) clamp(14px,3.2dvh,34px);gap:clamp(12px,2.2dvh,26px)}.result-screen-content.is-okay-result{justify-content:space-between;padding:clamp(26px,4.8dvh,60px) clamp(18px,5vw,96px) clamp(18px,3dvh,34px);gap:clamp(14px,2.2dvh,26px);overflow:hidden}.reg-screen-content{z-index:2;justify-content:center;padding:clamp(18px,3dvh,40px) clamp(10px,2.6vw,45px) clamp(16px,4dvh,40px);gap:clamp(12px,1.8dvh,20px)}.start-top,.loading-top,.ty-top,.result-top,.reg-top{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;width:100%;flex-shrink:0}.start-top,.loading-top{gap:clamp(2px,.45dvh,6px);padding-top:clamp(10px,3dvh,34px)}.ty-top{align-items:stretch;gap:var(--space-12);padding-top:clamp(22px,5dvh,52px)}.result-top{gap:clamp(5px,.8dvh,9px);margin-inline:auto;padding-inline:clamp(14px,3vw,36px);text-align:center}.reg-top{gap:clamp(2px,.7dvh,7px);width:min(100%,var(--content-rail))}.start-bottom,.loading-bottom,.ty-bottom{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;width:100%;flex-shrink:0}.start-bottom{gap:0;padding-bottom:clamp(4px,1.4vh,14px)}.loading-bottom{gap:var(--space-10)}.ty-bottom{gap:var(--space-12)}.ty-embed{display:flex;justify-content:center;align-self:center;width:100%;max-width:900px;margin:var(--space-12) auto;flex-shrink:0}.ty-embed-frame{display:block;width:100%;height:420px;border:0}.start-copy-block,.ty-copy-block{display:flex;flex-direction:column;align-items:center}.start-copy-block{width:min(100%,420px);gap:var(--space-8);margin-top:0;padding:0 14px;border:none;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.ty-copy-block{width:min(100%,clamp(220px,62vw,310px));gap:var(--space-10);align-self:center}.quiz-top{position:relative;z-index:10;width:100%;max-width:760px;display:grid;grid-template-areas:"center";grid-template-columns:minmax(0,1fr);align-items:center;gap:0;flex-shrink:0;margin-top:clamp(-6px,-1dvh,0px);margin-bottom:clamp(-12px,-.8dvh,-2px)}.quiz-top-center{grid-area:center;display:flex;flex-direction:column;align-items:stretch;width:100%;gap:var(--space-6)}.quiz-brand,.quiz-brand-mark{grid-area:brand;align-self:center}.quiz-brand-mark{justify-self:start;display:flex;align-items:center}.start-brand-mark,.quiz-brand-mark,.ty-brand-mark{display:none}.answers-list{position:relative;display:flex;flex-direction:column;width:100%;align-self:center;gap:clamp(8px,1.2dvh,14px);padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.answers-list.compact{gap:clamp(7px,1dvh,12px)}.answers-list.many{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(4px,1vw,12px);row-gap:clamp(7px,1.1dvh,10px)}.result-content{position:relative;z-index:2;width:min(100%,var(--content-rail));display:flex;flex-direction:column;align-items:center;gap:clamp(12px,1.7dvh,20px);flex-shrink:0}.okay-result-layout{position:relative;z-index:2;width:min(100%,1120px);min-height:0;flex:1 1 auto;display:grid;grid-template-columns:minmax(220px,.82fr) minmax(300px,1.18fr);align-items:center;gap:clamp(18px,4vw,62px)}.okay-result-copy{position:relative;z-index:2;max-width:390px;justify-self:end}.okay-radar{position:relative;z-index:1;width:min(56vw,560px);min-width:300px;aspect-ratio:1;justify-self:start}.okay-meaning-panel{position:relative;z-index:3;width:min(100%,1120px);flex-shrink:0}@media (max-width: 760px){.result-screen-content.is-okay-result{padding:18px 14px}.okay-result-layout{grid-template-columns:1fr;justify-items:center;gap:clamp(8px,1.6dvh,14px)}.okay-result-copy{max-width:330px;justify-self:center;text-align:center}.okay-radar{width:min(92vw,390px);min-width:250px;justify-self:center}}.result-radar-content{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:clamp(18px,3dvh,36px);padding:clamp(36px,5.5dvh,80px) clamp(16px,5vw,84px) clamp(44px,6dvh,88px)}.result-radar-content>.result-radar-main{margin-top:auto}.result-radar-content>.result-radar-cta{margin-bottom:auto}.result-radar-main{width:min(100%,1080px);display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:clamp(18px,4vw,56px)}.result-radar-copy{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(10px,1.6dvh,18px);max-width:440px}@media (max-width: 760px){.result-radar-content{gap:clamp(12px,2dvh,22px);padding-top:clamp(20px,3dvh,36px);padding-bottom:clamp(40px,6dvh,72px)}.result-radar-main{grid-template-columns:1fr;justify-items:center;gap:clamp(12px,2dvh,20px)}.result-radar-copy{max-width:420px;align-items:center;text-align:center}}.scene-scroll{overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.scene-scroll::-webkit-scrollbar{display:none}.rail-content{width:min(100%,var(--content-rail))}.rail-form{width:min(100%,var(--form-rail))}@media (max-width: 767px){.quiz-screen-inner{justify-content:center}.ty-screen-inner{padding-top:clamp(12px,2dvh,24px);padding-bottom:clamp(48px,7dvh,80px)}.ty-top{padding-top:clamp(6px,1.5dvh,18px);gap:var(--space-8)}.ty-embed{margin:clamp(8px,1.5dvh,16px) auto}.ty-embed-frame{height:clamp(240px,34dvh,320px)}}@media (min-width: 768px){.game-container{max-width:500px}.result-radar-content{gap:clamp(12px,2dvh,24px);padding-top:clamp(20px,3dvh,44px);padding-bottom:clamp(56px,7.5dvh,112px)}.ty-screen-inner{padding-top:clamp(16px,2.5dvh,32px);padding-bottom:clamp(64px,8dvh,112px)}.ty-top{padding-top:clamp(8px,2dvh,24px);gap:var(--space-8)}.ty-embed{margin:clamp(8px,1.5dvh,18px) auto}.ty-embed-frame{height:clamp(300px,42dvh,380px)}.start-screen-inner{padding:28px 36px 34px}.quiz-screen-inner{justify-content:flex-start;gap:clamp(18px,2.4dvh,30px);padding:clamp(40px,8dvh,96px) clamp(36px,5vw,74px) clamp(26px,4dvh,52px)}.quiz-top{max-width:860px;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:0;padding:0}.quiz-brand,.quiz-brand-mark{flex:0 0 auto}.quiz-top-center{flex:1;min-width:0}.answers-list{width:100%}.result-screen-content{padding:38px 45px 24px;gap:18px}.reg-screen-content{padding:30px 40px 28px;gap:16px}.ty-copy-block{width:min(100%,clamp(286px,28vw,380px));gap:var(--space-12)}}@media (min-width: 1024px){.game-container{max-width:600px;height:min(880px,92dvh);overflow:hidden}}.viewport-fit-frame{position:relative;width:100%;height:100%;overflow:hidden}.viewport-fit-content{width:100%;height:100%;transform-origin:top center;opacity:0;backface-visibility:hidden;will-change:transform,opacity}.viewport-fit-content.is-ready,.ty-screen .viewport-fit-content,.ty-screen .viewport-fit-content.is-ready{opacity:1}.t-hero,.heading-hero{font-size:var(--size-hero)}.t-title,.heading-title{font-size:var(--size-title)}.t-subtitle,.heading-subtitle{font-size:var(--size-subtitle)}.t-body,.copy-body{font-size:var(--size-body)}.t-small,.copy-small{font-size:var(--size-small)}.t-micro{font-size:var(--size-micro)}.t-ui,.label-ui{font-size:var(--size-small);color:var(--text-ui)}.text-main{color:var(--text-main)}.text-soft{color:var(--text-soft)}.text-strong{color:var(--text-strong)}.text-warm{color:var(--text-warm)}.text-error{color:var(--text-error)}.text-grad{background:var(--grad-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 12px rgba(255,106,0,.42))}.text-lift{text-shadow:var(--text-lift)}.text-lift-soft{text-shadow:var(--text-lift-soft)}.heading-hero,.heading-title,.start-headline,.ty-headline,.result-name,.reg-title{font-family:var(--font-game);font-weight:var(--type-weight-bold);color:var(--text-strong);text-shadow:var(--text-lift);text-wrap:balance}.heading-subtitle,.question-text,.quiz-counter,.result-intro,.result-category,.reg-subtitle,.consent-label{font-family:var(--font-body);color:var(--text-main);text-shadow:var(--text-lift-soft)}.copy-body,.loading-note,.result-body,.result-description,.ty-body,.ty-subtext{font-family:var(--font-body);color:var(--text-warm);text-shadow:var(--text-lift-soft)}.start-brand,.quiz-brand,.ty-brand{font-family:var(--font-wordmark);font-weight:var(--type-weight-bold);font-size:var(--type-brand);letter-spacing:0;text-transform:none;line-height:1;color:var(--text-soft);text-shadow:var(--text-wordmark-shadow)}.quiz-brand{font-size:var(--type-brand-compact)}.start-headline{width:100%;font-size:var(--type-start-headline);line-height:1.14;text-align:center;white-space:nowrap}.start-punchline{width:100%;padding:0;font-family:var(--font-body);font-size:var(--type-start-punchline);font-weight:var(--type-weight-bold);line-height:1.34;color:var(--text-warm);text-align:center;text-shadow:var(--text-lift-soft);text-wrap:balance}.loading-meta{font-size:.74rem;font-weight:var(--type-weight-black);letter-spacing:0;text-transform:uppercase;color:var(--text-soft);text-shadow:0 1px 6px rgba(0,0,0,.8)}.loading-note{width:min(100%,344px);font-size:clamp(calc(.62rem * var(--scale-type)),calc(2.2vw * var(--scale-type)),calc(.82rem * var(--scale-type)));font-weight:var(--type-weight-heavy);line-height:1.45;text-align:center}.quiz-counter{position:fixed;top:calc(var(--logo-edge-top-desktop) + var(--logo-company-w-desktop) * .13);right:var(--logo-edge-offset-desktop);left:auto;z-index:50;margin:0;font-size:clamp(calc(.82rem * var(--scale-type)),calc(2.5vw * var(--scale-type)),calc(1.22rem * var(--scale-type)));font-weight:var(--type-weight-heavy);line-height:1;text-align:right;white-space:nowrap;text-transform:uppercase;color:#8fa8ff;text-shadow:0 0 16px rgba(43,140,255,.34);transform:translateY(-50%)}.question-text{flex-shrink:0;max-width:min(100%,980px);font-size:clamp(calc(1.54rem * var(--scale-type)),calc(4.3vw * var(--scale-type)),calc(3.1rem * var(--scale-type)));font-weight:var(--type-weight-heavy);line-height:1.08;text-align:center;text-wrap:balance}.quiz-panel .question-text{color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.28),0 0 22px rgba(34,211,238,.24)}.question-helper{margin-top:calc(-5px * var(--scale-space));color:var(--text-amber);font-weight:var(--type-weight-bold);text-align:center;text-shadow:var(--text-lift-soft)}.result-intro{width:auto;max-width:100%;margin:0;font-size:var(--type-result-intro);font-weight:var(--type-weight-heavy);line-height:1.05;text-align:center;animation:fadeInUp .3s ease .05s both}.result-name{display:inline-block;width:auto;max-width:min(100%,13.5ch);margin:0;font-size:var(--type-result-name);line-height:1.02;text-align:center;white-space:normal;animation:fadeInUp .3s ease .1s both}.result-category{width:auto;max-width:min(100%,22ch);margin:0;font-size:var(--type-result-category);font-weight:var(--type-weight-heavy);line-height:1.18;text-align:center;text-wrap:balance;animation:fadeInUp .3s ease .15s both}.result-body{width:min(100%,41ch);max-width:100%;margin:0;padding:0 clamp(10px,1.2vw,14px);border:none;border-radius:0;font-size:clamp(calc(.92rem * var(--scale-type)),calc(2.85vw * var(--scale-type)),calc(1.16rem * var(--scale-type)));color:var(--panel-parchment-text-soft);font-weight:var(--type-weight-bold);font-style:normal;line-height:1.44;text-align:center;text-wrap:pretty;text-shadow:var(--text-lift-soft);background:none}.okay-result-title{margin:0;color:#5c4509;font-family:var(--font-game);font-size:clamp(calc(2.2rem * var(--scale-type)),calc(5.3vw * var(--scale-type)),calc(4.25rem * var(--scale-type)));font-weight:var(--type-weight-black);line-height:1.08;letter-spacing:0;text-shadow:0 2px 0 rgba(255,255,255,.32)}.okay-result-body{max-width:32ch;margin:clamp(18px,2.2vw,28px) 0 0;color:#5b4815;font-family:var(--font-body);font-size:clamp(calc(1rem * var(--scale-type)),calc(1.7vw * var(--scale-type)),calc(1.32rem * var(--scale-type)));font-weight:var(--type-weight-bold);line-height:1.45;text-shadow:0 1px 0 rgba(255,255,255,.32)}.okay-signal-badge p,.okay-signal-badge span,.okay-signal-badge strong{margin:0;color:#473405;font-family:var(--font-game);line-height:1;text-align:center}.okay-signal-badge p{margin-top:clamp(10px,1vw,14px);font-size:clamp(2rem,4vw,3.1rem);font-weight:var(--type-weight-black)}.okay-signal-badge>span{margin-top:5px;font-size:clamp(1rem,2vw,1.52rem);font-weight:var(--type-weight-black)}.okay-signal-badge strong{margin-top:10px;color:#f3b900;font-size:clamp(1.1rem,2vw,1.55rem);letter-spacing:0}.okay-meaning-panel h3{position:relative;margin:0 0 clamp(16px,2.2vw,26px);color:#4b3806;font-family:var(--font-body);font-size:clamp(.95rem,1.35vw,1.2rem);font-weight:var(--type-weight-black);line-height:1.1}.okay-meaning-panel h3:after{content:"";position:absolute;left:0;bottom:-12px;width:52px;height:2px;border-radius:999px;background:#f4c400}.okay-meaning-item h4{margin:0;color:#4b3806;font-family:var(--font-body);font-size:clamp(1rem,1.45vw,1.24rem);font-weight:var(--type-weight-black);line-height:1.15}.okay-meaning-item p{margin:8px 0 0;color:#5f4b15;font-family:var(--font-body);font-size:clamp(.84rem,1.15vw,1rem);font-weight:var(--type-weight-bold);line-height:1.35}@media (max-width: 760px){.okay-result-title{font-size:clamp(calc(1.76rem * var(--scale-type)),calc(9vw * var(--scale-type)),calc(2.65rem * var(--scale-type)))}.okay-result-body{max-width:30ch;margin-top:12px}}.reg-title{font-size:var(--type-reg-title);line-height:1.08;text-align:center;animation:fadeInUp .3s ease .05s both}.reg-subtitle{font-size:var(--type-reg-subtitle);font-weight:var(--type-weight-bold);line-height:1.35;text-align:center;animation:fadeInUp .3s ease .1s both}.consent-label{font-size:clamp(calc(.78rem * var(--scale-type)),calc(2.2vw * var(--scale-type)),calc(.97rem * var(--scale-type)));font-weight:var(--type-weight-bold);line-height:1.4;text-align:center;cursor:pointer}.consent-label a{color:var(--ember-soft);-webkit-text-fill-color:var(--ember-soft);font-weight:var(--type-weight-heavy);text-decoration-thickness:2px;text-underline-offset:.12em}.reg-panel .consent-label{color:var(--panel-parchment-text-soft);text-shadow:var(--text-lift-soft)}.reg-panel .consent-label a{color:var(--amber);-webkit-text-fill-color:var(--amber)}.ty-brand{animation:fadeInUp .3s ease .05s both}.ty-headline{width:100%;font-size:var(--type-thankyou-title);line-height:1.04;text-align:center;animation:bounceIn .55s cubic-bezier(.36,.07,.19,.97)}.ty-copy-block .ty-headline{color:var(--panel-parchment-text);text-shadow:var(--text-lift)}.ty-body{width:100%;font-size:clamp(calc(.7rem * var(--scale-type)),calc(2.55vw * var(--scale-type)),calc(.9rem * var(--scale-type)));font-weight:var(--type-weight-bold);line-height:1.4;text-align:center;text-wrap:pretty;animation:fadeInUp .35s ease .28s both}.ty-copy-block .ty-body{color:var(--panel-parchment-text-soft);text-shadow:var(--text-lift-soft)}.ty-subtext{max-width:300px;font-size:var(--size-small);font-weight:var(--type-weight-bold);line-height:1.45;text-align:center;animation:fadeInUp .35s ease .38s both}.form-error,.submit-error{color:var(--text-error)}@media (max-width: 767px){.quiz-counter{top:calc(var(--logo-edge-top) + var(--logo-company-w) * .13);right:var(--logo-edge-offset)}}@media (min-width: 768px){.start-headline{font-size:var(--type-start-headline-desktop)}.start-punchline{font-size:var(--type-start-punchline-desktop)}.loading-meta{font-size:.8rem}.loading-note{width:min(100%,368px);font-size:clamp(calc(.74rem * var(--scale-type)),calc(1.4vw * var(--scale-type)),calc(.92rem * var(--scale-type)))}.quiz-counter{font-size:clamp(calc(1rem * var(--scale-type)),calc(1.6vw * var(--scale-type)),calc(1.45rem * var(--scale-type)))}.reg-title{font-size:var(--type-reg-title-desktop)}.reg-subtitle{max-width:520px;font-size:var(--type-reg-subtitle-desktop)}.consent-label{font-size:calc(.98rem * var(--scale-type))}.ty-headline{font-size:var(--type-thankyou-title-desktop)}.ty-body{font-size:clamp(calc(.82rem * var(--scale-type)),calc(1.02vw * var(--scale-type)),calc(.98rem * var(--scale-type)))}.ty-subtext{max-width:380px}}@media (max-width: 374px){.start-headline{font-size:calc(.92rem * var(--scale-type) * var(--scale-heading))}}.btn-cta,.btn-start,.btn-next,.btn-result,.btn-submit,.btn-follow,.btn-replay{width:100%;min-height:var(--btn-cta-height);padding:calc(12px * var(--scale-button)) calc(24px * var(--scale-button));border-radius:0;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.15;font-family:var(--font-body);font-weight:var(--type-weight-bold);letter-spacing:0;cursor:pointer;transition:none}.btn-cta-css,.btn-start,.btn-next,.btn-result,.btn-submit{border:0;background:var(--btn-cta-image) center / 100% 100% no-repeat;box-shadow:none;color:var(--btn-cta-color);text-shadow:none}.btn-start,.btn-next{font-family:var(--font-game);font-size:clamp(calc(.98rem * var(--scale-type)),calc(3.6vw * var(--scale-type)),calc(1.16rem * var(--scale-type)));letter-spacing:0}.btn-result,.btn-submit{padding-inline:calc(28px * var(--scale-button));font-size:clamp(calc(.92rem * var(--scale-type)),calc(2.25vw * var(--scale-type)),calc(1.08rem * var(--scale-type)))}.btn-start{max-width:calc(350px * var(--scale-button));aspect-ratio:var(--btn-cta-image-ratio);min-height:0;padding:calc(18px * var(--scale-button)) calc(36px * var(--scale-button)) calc(22px * var(--scale-button));font-size:clamp(calc(1.26rem * var(--scale-type)),calc(4.6vw * var(--scale-type)),calc(1.54rem * var(--scale-type)))}.btn-next{max-width:calc(350px * var(--scale-button));aspect-ratio:var(--btn-cta-image-ratio);min-height:0;padding:calc(18px * var(--scale-button)) calc(36px * var(--scale-button)) calc(22px * var(--scale-button))}.btn-result{position:relative;z-index:2;width:min(100%,calc(500px * var(--scale-button)));max-width:calc(350px * var(--scale-button));aspect-ratio:var(--btn-cta-image-ratio);min-height:0;flex-shrink:0;align-self:center;margin-top:auto;padding:calc(18px * var(--scale-button)) calc(36px * var(--scale-button)) calc(22px * var(--scale-button));font-size:clamp(calc(.98rem * var(--scale-type)),calc(2.35vw * var(--scale-type)),calc(1.14rem * var(--scale-type)));line-height:1.18;animation:none}.result-screen-cta{position:absolute;left:50%;bottom:calc(clamp(16px,4vh,40px) + env(safe-area-inset-bottom,0px));transform:translate(-50%);width:min(86%,calc(350px * var(--scale-button)));z-index:3}.btn-submit{width:100%;max-width:calc(350px * var(--scale-button));aspect-ratio:var(--btn-cta-image-ratio);min-height:0;align-self:center;padding:calc(18px * var(--scale-button)) calc(36px * var(--scale-button)) calc(22px * var(--scale-button));flex-shrink:0;animation:none}.btn-submit:disabled{opacity:var(--state-btn-disabled-opacity)!important;filter:none!important;cursor:not-allowed}.btn-follow{max-width:calc(340px * var(--scale-button));gap:calc(10px * var(--scale-space));border:2px solid var(--replay-border);background:var(--replay-bg);box-shadow:var(--replay-shadow);color:var(--text-strong);font-family:var(--font-game);font-size:clamp(calc(.76rem * var(--scale-type)),calc(3vw * var(--scale-type)),calc(.9rem * var(--scale-type)));letter-spacing:0;text-decoration:none;text-shadow:var(--text-lift-soft);animation:fadeInUp .45s ease .48s both}.btn-replay{max-width:calc(340px * var(--scale-button));aspect-ratio:var(--btn-cta-image-ratio);min-height:0;gap:calc(10px * var(--scale-space));font-family:var(--font-game);font-size:clamp(calc(.84rem * var(--scale-type)),calc(3vw * var(--scale-type)),calc(1rem * var(--scale-type)));letter-spacing:0;animation:none}.btn-follow:hover{filter:brightness(1.1)}.btn-follow:active{filter:brightness(.9);transform:scale(var(--state-btn-active-scale))}.btn-cta-img,.btn-img{display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;background:none;cursor:pointer;transition:transform var(--btn-img-press-duration) ease,filter var(--btn-img-press-duration) ease}.btn-cta-img:active,.btn-img:active{transform:scale(var(--btn-img-press-scale));filter:brightness(var(--btn-img-press-brightness))}.btn-mute{position:fixed;top:calc(12px + env(safe-area-inset-top,0px));right:calc(12px + env(safe-area-inset-right,0px));z-index:60;width:40px;height:40px;border-radius:50%;color:var(--text-soft);background:#080c128c;border:1px solid var(--glass-border-soft);box-shadow:0 4px 12px #00000052;backdrop-filter:blur(8px) saturate(1.05);-webkit-backdrop-filter:blur(8px) saturate(1.05);transition:color .16s ease,transform var(--btn-img-press-duration) ease,filter var(--btn-img-press-duration) ease}.btn-mute--bottom{top:auto;bottom:calc(12px + env(safe-area-inset-bottom,0px))}.btn-mute:hover{color:var(--text-strong)}.btn-mute:active{transform:scale(var(--btn-img-press-scale))}.next-btn-wrapper{position:sticky;bottom:16px;z-index:10;width:100%;max-width:var(--content-rail);flex-shrink:0;background:none;animation:fadeInUp .22s ease}.answer-card{position:relative;width:100%;min-height:clamp(54px,8.4dvh,86px);padding:clamp(10px,1.7dvh,18px) clamp(46px,5vw,70px) clamp(10px,1.7dvh,18px) clamp(20px,3.4vw,40px);border:2px solid rgba(47,243,208,.55);border-radius:clamp(12px,2vw,18px);background:#050b2a75;box-shadow:0 0 18px #2ff3d024,inset 0 0 28px #22d3ee12;backdrop-filter:blur(8px) saturate(1.08);-webkit-backdrop-filter:blur(8px) saturate(1.08);color:#f4f7ff;text-shadow:0 2px 14px rgba(0,0,0,.35);font-family:var(--font-body);font-size:clamp(calc(.94rem * var(--scale-type) * var(--answer-text-scale)),calc(2.9vw * var(--scale-type) * var(--answer-text-scale)),calc(1.46rem * var(--scale-type) * var(--answer-text-scale)));font-weight:var(--type-weight-bold);line-height:1.18;text-align:left;display:flex;align-items:center;justify-content:flex-start;gap:clamp(13px,2.2vw,24px);overflow:hidden;cursor:pointer;transition:background .16s ease,filter .14s ease,transform .1s ease}.answer-card:after{content:"";position:absolute;right:clamp(16px,2.4vw,28px);top:50%;width:clamp(12px,1.8vw,20px);height:clamp(12px,1.8vw,20px);border-top:3px solid rgba(244,247,255,.82);border-right:3px solid rgba(244,247,255,.82);transform:translateY(-50%) rotate(45deg)}.answer-card.compact{min-height:clamp(46px,7dvh,66px);font-size:clamp(calc(.82rem * var(--scale-type) * var(--answer-text-scale)),calc(2.25vw * var(--scale-type) * var(--answer-text-scale)),calc(1.08rem * var(--scale-type) * var(--answer-text-scale)))}.answer-card.multi{justify-content:flex-start;padding-left:clamp(16px,2.6vw,30px)}.answer-card:hover:not(:disabled){background:#22d3ee14;border-color:#2ff3d0d9;filter:brightness(1.08);transform:translateY(-1px)}.answer-card.selected,.answer-card.auto-selected,.answer-card.multi-selected{background:#2ff3d01f;border-color:#2ff3d0b3;box-shadow:0 0 20px #2ff3d02e,inset 0 0 28px #22d3ee1f;color:#fff;text-shadow:0 0 14px rgba(34,211,238,.34)}.answer-card:disabled{cursor:default}.answer-card:disabled:not(.selected):not(.multi-selected):not(.auto-selected){opacity:var(--state-answer-disabled-opacity);filter:brightness(var(--state-answer-disabled-brightness));pointer-events:none}.answer-text{flex:1;min-width:0;text-align:left}.multi-checkbox{position:relative;display:inline-block;width:var(--checkbox-size);height:var(--checkbox-size);flex-shrink:0;border:var(--multi-checkbox-border);border-radius:var(--checkbox-r);background:var(--multi-checkbox-bg);transition:background var(--anim-fast) ease,border-color var(--anim-fast) ease}.multi-checkbox.checked{border-color:var(--check-green-border);background:var(--multi-checkbox-checked-bg);box-shadow:0 4px 10px #0000004d,inset 0 1px #ffffff3d}.multi-checkbox.checked:after{content:"✓";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--tick-white);font-size:.85rem;font-weight:var(--type-weight-black);line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.22)}@media (min-width: 768px){.answer-card{min-height:clamp(66px,7.4dvh,92px);font-size:clamp(calc(1.16rem * var(--scale-type) * var(--answer-text-scale)),calc(1.92vw * var(--scale-type) * var(--answer-text-scale)),calc(1.62rem * var(--scale-type) * var(--answer-text-scale)))}.answer-card.compact{min-height:clamp(54px,6.2dvh,72px)}.next-btn-wrapper{max-width:500px}}.progress-track,.loading-track{position:relative;width:100%;height:var(--progress-track-height);flex-shrink:0;overflow:hidden;border:1px solid rgba(255,231,204,.16);border-radius:var(--radius-pill);background:var(--progress-track-bg);box-shadow:var(--progress-track-shadow)}.loading-track{width:min(100%,328px);height:calc(16px * var(--scale-progress))}.progress-fill,.loading-fill{position:absolute;top:0;bottom:0;left:0;height:100%;border-radius:var(--radius-pill);box-shadow:inset 0 0 10px #fff3,0 0 12px #cc8f6447;transition:width .5s var(--anim-sharp)}.progress-fill{border-right:1px solid rgba(255,248,241,.44);background:var(--progress-fill-bg)}.loading-fill{position:relative;background:var(--loading-fill-bg);transition:width .22s ease}.loading-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.52) 50%,transparent 100%);transform:translate(-100%);animation:loadingSweep 1.4s ease-in-out infinite}.loading-meta{width:min(100%,328px);display:flex;align-items:center;justify-content:space-between;gap:var(--space-12)}.quiz-progress-arc{--progress-ratio: 0;position:relative;width:clamp(315px,64vw,620px);aspect-ratio:1358 / 209;margin:0 auto;flex-shrink:0;filter:drop-shadow(0 6px 14px rgba(0,0,0,.38))}@media (max-width: 767px){.quiz-progress-arc{transform:translateY(-18px)}}.quiz-progress-svg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;pointer-events:none;overflow:visible}.arc-seg{transition:fill .45s var(--anim-sharp),stroke .45s var(--anim-sharp)}.arc-seg.lit{filter:drop-shadow(0 0 7px rgba(255,255,255,.4))}@media (min-width: 768px){.progress-track{height:var(--progress-track-height-desktop)}.loading-track{width:min(100%,360px);height:calc(18px * var(--scale-progress))}.loading-meta{width:min(100%,360px)}.quiz-progress-arc{width:clamp(500px,40vw,650px)}}.media-logo,.start-brand-mark,.quiz-brand-mark,.ty-brand-mark{filter:none}.start-brand-mark{width:var(--logo-company-w)}.quiz-brand-mark{width:var(--logo-company-w-compact)}.ty-brand-mark{display:block;margin:0 auto;width:var(--logo-company-w-thankyou);animation:none}.media-logo img,.start-brand-mark img,.quiz-brand-mark img,.ty-brand-mark img,.start-game-logo img{width:100%;height:auto;object-fit:contain}.start-game-logo{width:min(82vw,var(--logo-game-w));max-width:none;aspect-ratio:1920 / 470;align-self:center;flex-shrink:0;overflow:hidden;filter:none;opacity:1;transform:none}.start-game-logo img{height:100%;filter:none;object-fit:contain;object-position:center center}@media (max-width: 767px){.start-game-logo{width:min(95vw,390px);margin-top:clamp(24px,7dvh,64px)}}.result-screen-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none}.result-image-card{position:relative;width:100%;min-height:214px;max-height:322px;aspect-ratio:538 / 331;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;padding:clamp(5px,1.1vw,9px);border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-card);background:radial-gradient(circle at 50% 18%,color-mix(in srgb,var(--result-accent, #ff6a00) 34%,transparent) 0%,transparent 48%),linear-gradient(180deg,#ffffff12,#03060a66);box-shadow:inset 0 1px #ffffff1a,0 14px 30px #00000038}.signal-meter{position:absolute;top:clamp(10px,2.2vw,16px);right:clamp(10px,2.2vw,16px);z-index:2;display:grid;gap:7px;padding:9px;border:1px solid rgba(233,241,255,.16);border-radius:999px;background:#050b1c9e;box-shadow:var(--radar-glow-soft);backdrop-filter:blur(10px) saturate(1.14);-webkit-backdrop-filter:blur(10px) saturate(1.14)}.signal-meter span{width:13px;height:13px;border-radius:50%;opacity:.18;background:var(--text-soft);box-shadow:inset 0 1px 2px #ffffff47}.signal-meter span[data-node=red]{background:var(--signal-red)}.signal-meter span[data-node=yellow]{background:var(--signal-amber)}.signal-meter span[data-node=green]{background:var(--signal-green)}.signal-meter[data-signal=red] span[data-node=red],.signal-meter[data-signal=amber] span[data-node=yellow],.signal-meter[data-signal=cyan] span[data-node=yellow],.signal-meter[data-signal=yellow] span[data-node=yellow],.signal-meter[data-signal=green] span[data-node=green]{opacity:1;box-shadow:var(--signal-active-glow)}.signal-meter[data-signal=cyan] span[data-node=yellow]{background:var(--signal-cyan)}.result-image{display:block;width:100%;height:100%;object-fit:contain;object-position:center center}.okay-bars{display:flex;align-items:flex-end;gap:6px;height:clamp(42px,5vw,62px)}.okay-bars span{width:clamp(10px,1.1vw,14px);border-radius:999px 999px 4px 4px;background:linear-gradient(180deg,#ffdf24,#f6bd00);box-shadow:0 0 12px #ffce0057}.okay-bars span:nth-child(1){height:35%}.okay-bars span:nth-child(2){height:55%}.okay-bars span:nth-child(3){height:72%}.okay-bars span:nth-child(4){height:94%}.okay-wifi{position:absolute;z-index:2;width:clamp(54px,7vw,86px);aspect-ratio:1}.okay-wifi:before,.okay-wifi:after{content:"";position:absolute;border:clamp(6px,.7vw,9px) solid #f3cb10;border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(-45deg)}.okay-wifi:before{top:8%;right:8%;bottom:8%;left:8%}.okay-wifi:after{top:34%;right:34%;bottom:34%;left:34%}.okay-wifi-left{left:3%;top:45%;transform:rotate(180deg)}.okay-wifi-right{right:-3%;bottom:22%}.okay-meaning-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:clamp(56px,5.8vw,78px);aspect-ratio:1;border-radius:50%;background:linear-gradient(180deg,#ffe329,#f4bd00);box-shadow:0 10px 20px #daa20038,inset 0 1px #ffffff6b}.okay-icon-search:before{content:"";width:34%;aspect-ratio:1;border:5px solid #fffdf0;border-radius:50%}.okay-icon-search:after{content:"";position:absolute;width:30%;height:5px;border-radius:999px;background:#fffdf0;transform:translate(45%,45%) rotate(45deg)}.okay-icon-bars:before{content:"";width:42%;height:45%;background:linear-gradient(#fffdf0,#fffdf0) 0 78% / 18% 22% no-repeat,linear-gradient(#fffdf0,#fffdf0) 28% 48% / 18% 52% no-repeat,linear-gradient(#fffdf0,#fffdf0) 58% 20% / 18% 80% no-repeat,linear-gradient(#fffdf0,#fffdf0) 88% 0 / 18% 100% no-repeat;border-radius:4px}.okay-icon-shield:before{content:"";width:46%;height:54%;background:#fffdf0;clip-path:polygon(50% 0,88% 13%,82% 68%,50% 100%,18% 68%,12% 13%)}.okay-icon-shield:after{content:"";position:absolute;width:22%;height:12%;border-left:4px solid #f0bd00;border-bottom:4px solid #f0bd00;transform:rotate(-45deg) translate(-2px)}@media (min-width: 768px){.start-brand-mark{width:var(--logo-company-w-desktop)}.quiz-brand-mark{flex:0 0 auto;width:var(--logo-company-w-compact-desktop)}.ty-brand-mark{width:var(--logo-company-w-thankyou-desktop)}.start-game-logo{width:min(60vw,var(--logo-game-w-desktop));max-width:none;opacity:1;transform:none}.result-image-card{height:354px;border-radius:var(--radius-card)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{transform:scale(.5);opacity:0}55%{transform:scale(1.07);opacity:1}78%{transform:scale(.97)}to{transform:scale(1)}}@keyframes questionSlideIn{0%{transform:translate(28px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes answerPopIn{0%{transform:scale(.9) translateY(8px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes loadingSweep{0%{transform:translate(-100%)}to{transform:translate(180%)}}@keyframes radarSweepSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes radarDetectSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes radarPing{0%,8%,to{opacity:0;transform:scale(.96)}12%{opacity:1;transform:scale(1)}28%{opacity:0;transform:scale(1.04)}}@keyframes resultRadarSweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes wifiSignalBlink{0%,64%,to{opacity:.34;transform:translate(-50%,-50%) scale(1)}76%{opacity:.16;transform:translate(-50%,-50%) scale(.98)}88%{opacity:0;transform:translate(-50%,-50%) scale(.94)}96%{opacity:.22;transform:translate(-50%,-50%) scale(.98)}}.radar-ambient-sweep{position:relative;overflow:hidden}.radar-ambient-sweep:before{content:"";position:absolute;top:-35%;right:-35%;bottom:-35%;left:-35%;pointer-events:none;opacity:.22;background:conic-gradient(from 0deg,transparent 0deg,rgba(47,243,208,.42) 18deg,transparent 54deg);animation:radarSweepSpin 8s linear infinite}@media (prefers-reduced-motion: reduce){.radar-ambient-sweep:before{animation:none}}.question-enter{animation:questionSlideIn .28s var(--anim-ease)}.answer-enter{opacity:0;animation:answerPopIn .28s var(--anim-bounce) forwards}.panel,.panel-css,.game-container.has-bg-panel,.quiz-panel,.reg-panel,.result-card{background:var(--panel-grad-shine),var(--panel-grad-base);border:var(--panel-border);box-shadow:var(--panel-shadow);backdrop-filter:var(--panel-blur);-webkit-backdrop-filter:var(--panel-blur)}.panel,.panel-css,.quiz-panel,.reg-panel{border-radius:var(--panel-radius)}.panel-img{overflow:hidden;border-radius:var(--panel-img-radius);box-shadow:var(--panel-img-shadow)}.panel-img>img{width:100%;height:100%;object-fit:var(--panel-img-fit)}.surface-topbar{padding:11px 14px 12px;border:var(--surface-topbar-border);border-radius:var(--radius-topbar);background:var(--surface-topbar-bg);box-shadow:var(--surface-topbar-shadow);backdrop-filter:var(--surface-topbar-blur);-webkit-backdrop-filter:var(--surface-topbar-blur);row-gap:10px}.quiz-top{padding:0;border:none;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;row-gap:0}.surface-card,.result-card{border-radius:var(--radius-card)}.surface-overlay{background:var(--bg-overlay-base)}.quiz-panel{position:relative;z-index:2;width:min(100%,860px);max-width:860px;display:flex;flex-direction:column;align-items:center;gap:clamp(18px,2.6dvh,34px);flex-shrink:0;isolation:isolate;padding:clamp(14px,3vw,20px);background:var(--panel-parchment-bg);border:var(--panel-parchment-border);box-shadow:var(--panel-parchment-shadow);backdrop-filter:var(--panel-parchment-blur);-webkit-backdrop-filter:var(--panel-parchment-blur)}.quiz-panel:before{content:none}.quiz-panel:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px solid rgba(255,255,255,.08);border-radius:calc(var(--panel-radius) - 2px);pointer-events:none}.quiz-panel>*{position:relative;z-index:1}.reg-panel{width:100%;display:flex;flex-direction:column;gap:var(--space-12);padding:16px 16px 14px;background:linear-gradient(155deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.03) 32%,transparent 56%),linear-gradient(180deg,#0a1640e0,#050b23f5);border:1px solid rgba(255,255,255,.16);box-shadow:0 18px 44px #00000070,inset 0 1px #fff3,inset 0 -18px 30px #00000057;backdrop-filter:var(--panel-parchment-blur);-webkit-backdrop-filter:var(--panel-parchment-blur)}.result-card{width:min(100%,520px);display:flex;flex-direction:column;align-items:center;gap:clamp(13px,1.9dvh,20px);padding:clamp(13px,1.8vw,17px) clamp(13px,1.8vw,18px) clamp(16px,2dvh,22px);border:var(--panel-parchment-border);background:var(--panel-parchment-bg);box-shadow:var(--panel-parchment-shadow);backdrop-filter:var(--panel-parchment-blur);-webkit-backdrop-filter:var(--panel-parchment-blur);animation:fadeInUp .3s ease .26s both}.is-okay-result{isolation:isolate;color:#4d3b07}.is-okay-result:before,.is-okay-result:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.is-okay-result:before{background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.82) 0 8%,rgba(255,255,255,.34) 19%,transparent 38%),radial-gradient(circle at 4% 84%,rgba(255,255,255,.76) 0 8%,transparent 18%),radial-gradient(circle at 96% 88%,rgba(255,255,255,.7) 0 9%,transparent 20%),linear-gradient(135deg,#ffd22f,#fff6bf 48%,#ffe064)}.is-okay-result:after{opacity:.55;background:radial-gradient(circle at 8% 8%,#ffffff 0 2px,transparent 3px),radial-gradient(circle at 25% 5%,#ffffff 0 1px,transparent 2px),radial-gradient(circle at 62% 8%,#ffffff 0 1px,transparent 2px),radial-gradient(circle at 86% 10%,#ffffff 0 3px,transparent 4px),radial-gradient(circle at 76% 50%,#ffffff 0 2px,transparent 3px)}.okay-radar:before,.okay-radar:after{content:"";position:absolute;top:2%;right:2%;bottom:2%;left:2%;border-radius:50%;pointer-events:none}.okay-radar:before{background:linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.72) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(255,255,255,.72) 50%,transparent 50.2%),radial-gradient(circle,transparent 0 30%,rgba(255,255,255,.76) 30.3% 30.8%,transparent 31.1%),radial-gradient(circle,transparent 0 48%,rgba(255,255,255,.62) 48.3% 48.8%,transparent 49.1%),radial-gradient(circle,transparent 0 66%,rgba(255,255,255,.58) 66.3% 66.8%,transparent 67.1%),radial-gradient(circle,rgba(255,236,72,.32) 0 36%,rgba(255,255,255,.18) 52%,transparent 76%);border:1px solid rgba(255,255,255,.66);box-shadow:0 0 80px #ffd5008f,inset 0 0 50px #ffffff47}.okay-radar:after{top:14%;right:14%;bottom:14%;left:14%;border:1px solid rgba(255,255,255,.7);background:repeating-conic-gradient(from -90deg,rgba(255,255,255,.86) 0 .7deg,transparent .7deg 4.8deg);mask-image:radial-gradient(circle,transparent 0 56%,#000 57% 59%,transparent 60%);-webkit-mask-image:radial-gradient(circle,transparent 0 56%,#000 57% 59%,transparent 60%)}.okay-radar-sweep{position:absolute;left:50%;top:50%;z-index:1;width:48%;height:3.5%;border-radius:999px;background:linear-gradient(90deg,rgba(255,243,45,.96),rgba(255,255,255,.76),transparent);box-shadow:0 0 28px #fff42dc7;transform:translateY(-50%) rotate(-47deg);transform-origin:0 50%}.okay-signal-badge{position:absolute;left:50%;top:50%;z-index:2;width:clamp(138px,18vw,210px);aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle at 50% 35%,#fff,#fffdf4 54%,#fff4b8);border:clamp(8px,1vw,14px) solid #ffe415;box-shadow:0 0 46px #ffde00a3,inset 0 -12px 24px #ffce002e;transform:translate(-50%,-50%)}.okay-price-bubble{position:absolute;z-index:2;width:clamp(58px,7vw,88px);aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle at 45% 30%,#fff,#fffef5 62%,#ffe985);border:2px solid rgba(255,255,255,.9);box-shadow:0 0 18px #fffc,0 0 24px #ffd7003d;color:#4b3806;font-family:var(--font-game);font-weight:var(--type-weight-black);font-size:clamp(1.08rem,2vw,1.8rem);line-height:.88}.okay-price-bubble span{margin-top:6px;font-size:.72em}.okay-price-bubble-one{left:4%;top:12%}.okay-price-bubble-two{right:1%;top:34%}.okay-price-bubble-three{left:12%;bottom:15%}.okay-meaning-panel{padding:clamp(18px,2.4vw,28px) clamp(18px,3vw,42px) clamp(20px,2.6vw,30px);border:1px solid rgba(255,255,255,.84);border-radius:clamp(16px,2vw,22px);background:#ffffffb3;box-shadow:0 18px 42px #af7f0024,inset 0 1px #ffffffc2;backdrop-filter:blur(14px) saturate(1.04);-webkit-backdrop-filter:blur(14px) saturate(1.04)}.okay-meaning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.6vw,42px)}.okay-meaning-item{display:grid;grid-template-columns:clamp(58px,6vw,82px) minmax(0,1fr);align-items:center;gap:clamp(14px,1.8vw,24px)}.okay-meaning-item+.okay-meaning-item{border-left:1px solid rgba(223,169,0,.38);padding-left:clamp(16px,2.5vw,38px)}@media (max-width: 760px){.okay-meaning-grid{grid-template-columns:1fr;gap:14px}.okay-meaning-item{grid-template-columns:54px minmax(0,1fr)}.okay-meaning-item+.okay-meaning-item{border-left:0;border-top:1px solid rgba(223,169,0,.3);padding-left:0;padding-top:14px}}.ty-copy-block{position:relative;padding:clamp(18px,4.8vw,24px) clamp(18px,5vw,28px);border:var(--panel-parchment-border);border-radius:var(--panel-radius);background:var(--panel-parchment-bg);box-shadow:var(--panel-parchment-shadow);backdrop-filter:var(--panel-parchment-blur);-webkit-backdrop-filter:var(--panel-parchment-blur);isolation:isolate}.ty-copy-block:after,.reg-panel:after,.result-card:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px solid rgba(255,255,255,.08);border-radius:calc(var(--panel-radius) - 2px);pointer-events:none}.reg-panel,.result-card{position:relative;isolation:isolate}.reg-panel>*,.result-card>*,.ty-copy-block>*{position:relative;z-index:1}.result-radar-content{--result-accent: var(--signal-blue)}.result-signal-pill{display:inline-flex;align-items:center;gap:8px;padding:5px 14px 6px;border-radius:999px;border:1px solid color-mix(in srgb,var(--result-accent) 55%,transparent);background:color-mix(in srgb,var(--result-accent) 16%,rgba(5,11,28,.6));color:color-mix(in srgb,var(--result-accent) 70%,#ffffff);font-family:var(--font-game);font-size:clamp(.6rem,1.4vw,.74rem);letter-spacing:.12em;text-transform:uppercase}.result-signal-pill:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--result-accent);box-shadow:0 0 10px var(--result-accent)}.result-radar-headline{color:var(--text-strong);line-height:1.1}.result-radar-body{color:var(--text-soft);font-size:clamp(calc(.98rem * var(--scale-type)),calc(2.75vw * var(--scale-type)),calc(1.28rem * var(--scale-type)))}.result-radar-stage{position:relative;width:min(100%,440px);aspect-ratio:1;margin-inline:auto;justify-self:center}@media (min-width: 768px){.result-radar-stage{width:min(100%,360px)}}@media (max-width: 760px){.result-radar-stage{width:min(64vw,264px)}}.result-radar-rings{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid color-mix(in srgb,var(--result-accent) 38%,transparent);background:radial-gradient(circle,transparent 0 30%,color-mix(in srgb,var(--result-accent) 30%,transparent) 30.4% 30.9%,transparent 31.3%),radial-gradient(circle,transparent 0 48%,color-mix(in srgb,var(--result-accent) 24%,transparent) 48.4% 48.9%,transparent 49.3%),radial-gradient(circle,transparent 0 66%,color-mix(in srgb,var(--result-accent) 20%,transparent) 66.4% 66.9%,transparent 67.3%),linear-gradient(90deg,transparent 49.7%,color-mix(in srgb,var(--result-accent) 22%,transparent) 50%,transparent 50.3%),linear-gradient(0deg,transparent 49.7%,color-mix(in srgb,var(--result-accent) 22%,transparent) 50%,transparent 50.3%),radial-gradient(circle,color-mix(in srgb,var(--result-accent) 16%,transparent) 0 40%,transparent 72%);box-shadow:0 0 60px color-mix(in srgb,var(--result-accent) 28%,transparent),inset 0 0 50px color-mix(in srgb,var(--result-accent) 14%,transparent)}.result-radar-rings:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg 40deg,color-mix(in srgb,var(--result-accent) 6%,transparent) 66deg,color-mix(in srgb,var(--result-accent) 32%,transparent) 90deg,transparent 96deg 360deg);-webkit-mask-image:radial-gradient(circle,transparent 0 6%,#000 7% 99%,transparent 100%);mask-image:radial-gradient(circle,transparent 0 6%,#000 7% 99%,transparent 100%);animation:resultRadarSweep 4.2s linear infinite}.result-radar-needle{position:absolute;left:50%;top:50%;width:46%;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--result-accent),color-mix(in srgb,var(--result-accent) 8%,transparent));box-shadow:0 0 16px color-mix(in srgb,var(--result-accent) 70%,transparent);transform-origin:0 50%;transform:rotate(-46deg);animation:resultRadarSweep 4.2s linear infinite}@media (prefers-reduced-motion: reduce){.result-radar-rings:after,.result-radar-needle{animation:none}}.result-badge{position:absolute;left:50%;top:50%;z-index:2;width:clamp(118px,32%,188px);aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-radius:50%;background:radial-gradient(circle at 50% 32%,#fff,#f6f9ff 60%,#e9f1ff);border:clamp(7px,1.4vw,12px) solid var(--result-accent);box-shadow:0 0 40px color-mix(in srgb,var(--result-accent) 50%,transparent),inset 0 -10px 22px color-mix(in srgb,var(--result-accent) 16%,transparent);transform:translate(-50%,-50%);text-align:center}.result-badge-bars{display:flex;align-items:flex-end;gap:3px;height:19%}.result-badge-bars span{width:clamp(4px,1vw,6px);border-radius:2px}.result-badge-bars span.lit{background:var(--result-accent)}.result-badge-bars span.dim{background:color-mix(in srgb,var(--result-accent) 20%,#c9d2e6)}.result-badge-bars span:nth-child(1){height:40%}.result-badge-bars span:nth-child(2){height:62%}.result-badge-bars span:nth-child(3){height:82%}.result-badge-bars span:nth-child(4){height:100%}.result-badge-label{max-width:88%;color:color-mix(in srgb,var(--result-accent) 76%,#20242e);font-family:var(--font-game);font-weight:var(--type-weight-black);font-size:clamp(.6rem,1.7vw,.82rem);line-height:1.05;letter-spacing:.02em;text-transform:uppercase}.result-meaning{width:min(100%,1080px);padding:clamp(16px,2.2vw,26px) clamp(16px,3vw,38px) clamp(18px,2.4vw,28px);border-radius:clamp(16px,2vw,22px);border:1px solid color-mix(in srgb,var(--result-accent) 24%,rgba(255,255,255,.12));background:#08122c8c;box-shadow:0 18px 42px #0000004d,inset 0 1px #ffffff0f;backdrop-filter:blur(14px) saturate(1.05);-webkit-backdrop-filter:blur(14px) saturate(1.05)}.result-meaning-title{margin-bottom:clamp(10px,1.4vw,16px);color:color-mix(in srgb,var(--result-accent) 58%,#ffffff);letter-spacing:.1em;text-transform:uppercase}.result-meaning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2.4vw,38px)}.result-meaning-item{display:flex;align-items:center}.result-meaning-item+.result-meaning-item{border-left:1px solid color-mix(in srgb,var(--result-accent) 26%,transparent);padding-left:clamp(14px,2.2vw,34px)}.result-meaning-item-title{color:var(--text-strong);font-weight:var(--type-weight-bold);font-size:clamp(.92rem,1.85vw,1.08rem);line-height:1.2}.result-meaning-item-body{margin-top:3px;color:var(--text-soft);font-size:clamp(.8rem,1.55vw,.94rem);line-height:1.32}.result-radar-cta{margin-top:clamp(4px,1.2dvh,12px)}@media (max-width: 760px){.result-meaning{padding:clamp(12px,3vw,18px) clamp(14px,4vw,20px) clamp(14px,3.4vw,20px)}.result-meaning-title{margin-bottom:clamp(6px,1.6vw,10px)}.result-meaning-grid{grid-template-columns:1fr;gap:10px}.result-meaning-item+.result-meaning-item{border-left:0;border-top:1px solid color-mix(in srgb,var(--result-accent) 24%,transparent);padding-left:0;padding-top:10px}.btn-result{max-width:calc(300px * var(--scale-button));padding:calc(13px * var(--scale-button)) calc(28px * var(--scale-button)) calc(16px * var(--scale-button))}}@media (min-width: 768px){.quiz-panel{width:min(100%,920px);max-width:920px;gap:clamp(22px,2.9dvh,38px);padding:20px}.result-card{width:min(100%,560px);gap:18px;padding:18px 18px 20px;border-radius:var(--radius-card)}.reg-panel{gap:var(--space-12);padding:20px 20px 18px;border-radius:var(--panel-radius)}}.reg-form-wrapper{position:relative;z-index:2;width:min(100%,var(--form-rail));display:flex;flex-direction:column;align-items:center;gap:clamp(10px,1.6dvh,18px);animation:fadeInUp .3s ease .15s both}.reg-form{display:flex;flex-direction:column;gap:7px}.form-field{display:flex;flex-direction:column;gap:3px}.form-input{width:100%;height:var(--input-height);padding:var(--input-padding);border:var(--input-border-w) solid var(--input-border-color);border-radius:var(--input-radius);outline:none;background:var(--input-bg);color:var(--text-input);font-family:var(--font-body);font-size:clamp(calc(.85rem * var(--scale-type)),calc(2.5vw * var(--scale-type)),calc(1.05rem * var(--scale-type)));font-weight:var(--type-weight-bold);transition:border-color .18s ease,box-shadow .18s ease,color .18s ease}.reg-panel .form-input{color:var(--text-strong);text-shadow:none}.form-input::placeholder{color:var(--text-placeholder);opacity:1}.form-input:focus{border-color:var(--state-input-focus-border);box-shadow:var(--state-input-focus-shadow);color:var(--state-input-focus-color)}.form-input.error{border-color:var(--state-input-error-border)}.form-error{min-height:.72rem;padding-left:4px;font-size:var(--size-micro);font-weight:var(--type-weight-bold);line-height:1.05;opacity:0;transition:opacity .16s ease}.form-error.has-error{opacity:1}.consent-row{display:flex;align-items:center;justify-content:center;gap:14px;min-height:44px;padding:6px 2px 0;flex-shrink:0;cursor:pointer;touch-action:manipulation}.consent-checkbox{position:relative;width:var(--checkbox-size);height:var(--checkbox-size);flex-shrink:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:var(--consent-checkbox-border);border-radius:var(--checkbox-r);background:var(--consent-checkbox-bg);cursor:pointer}.consent-checkbox.checked{border-color:var(--check-green-border);background:var(--consent-checkbox-checked-bg);box-shadow:0 4px 10px #0000004d,inset 0 1px #ffffff3d}.consent-checkbox.checked:after{content:"✓";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--tick-white);font-size:15px;font-weight:var(--type-weight-black);line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.22)}.consent-checkbox:focus-visible{outline:2px solid rgba(202,150,124,.72);outline-offset:2px}.submit-error{flex-shrink:0;padding:2px 0;font-size:clamp(calc(.7rem * var(--scale-type)),calc(2.2vw * var(--scale-type)),calc(.86rem * var(--scale-type)));font-weight:var(--type-weight-bold);text-align:center}@media (min-width: 768px){.reg-form{gap:8px}.form-input{height:calc(54px * var(--scale-ui));padding:0 16px;font-size:calc(1rem * var(--scale-type))}.consent-row{gap:16px}.consent-checkbox{width:calc(30px * var(--scale-ui));height:calc(30px * var(--scale-ui));border-radius:calc(10px * var(--scale-ui))}.consent-checkbox.checked:after{font-size:17px}}