@import"https://fonts.googleapis.com/css2?family=Bowlby+One+SC&family=Inter:wght@400;600;700;800;900&display=swap";:root{--primary: #2563EB;--secondary: #F59E0B;--accent: #34D399;--bg-dark: #060B18;--card-bg: rgba(6, 11, 24, .92);--font-game: "Bowlby One SC", sans-serif;--font-body: "Inter", sans-serif;--pill: 50px;--card-r: 16px;--btn-h: 48px;--content-rail: 560px;--form-rail: 468px;--answer-h: clamp(46px, 8.6vw, 56px);--answer-h-compact: clamp(40px, 7vw, 44px);--btn-cta-h: clamp(52px, 9vw, 60px);--btn-cta-h-desktop: 60px;--btn-cta-radius: 31px}*,*: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}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:url(/assets/bg_fireplace.jpg);background-position:center;background-size:cover;background-repeat:no-repeat}body:after{z-index:1;background:transparent}#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(--secondary)}.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}.game-wrapper{width:100%;height:100dvh;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.game-wrapper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;display:none;background:#0d274fcc}.fire-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;overflow:hidden}.fire-particle{position:absolute;bottom:-20px;width:6px;height:6px;background:#34d399;border-radius:50%;opacity:0;box-shadow:0 0 10px #f80,0 0 20px #f30;animation:floatUp linear infinite;will-change:transform,opacity}@keyframes floatUp{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:.8}90%{opacity:.5}to{transform:translateY(-100dvh) scale(.2);opacity:0}}.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:#fff}@media (min-width: 768px){.game-container{max-width:500px}}@media (min-width: 1024px){.game-container{max-width:576px;height:min(880px,92dvh);overflow:hidden}.game-container.has-bg-panel{background:#040918e6;border-radius:20px;border:1px solid rgba(37,99,235,.2);box-shadow:0 20px 60px #000000d9}}.game-container.is-start,.game-container.is-loading{max-width:100%;width:100%;height:100dvh;background:none;border-radius:0;border:none;box-shadow:none}.game-wrapper:has(.is-start):before,.game-wrapper:has(.is-loading):before,.game-wrapper:has(.is-thankyou):before{display:none}.game-wrapper:has(.is-start) .fire-particles,.game-wrapper:has(.is-loading) .fire-particles{z-index:4}.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{opacity:1}.start-screen{position:relative;width:100%;height:100%;overflow:hidden;animation:fadeIn .4s ease}.start-screen-inner{display:flex;flex-direction:column;justify-content:space-between;padding:17px 8px}.start-character{position:absolute;right:-24px;bottom:0;width:132px;height:auto;pointer-events:none;z-index:1;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5))}.start-top{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.start-brand{font-weight:800;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#ffffffeb;text-align:center;text-shadow:0 1px 4px rgba(0,0,0,.8)}.start-game-logo{width:100%;max-width:288px;filter:drop-shadow(0 10px 20px #0a1a4a)}.start-game-logo img{width:100%;height:auto;object-fit:contain}.start-headline{width:100%;font-family:var(--font-body);font-weight:800;font-size:clamp(1.08rem,4.8vw,1.56rem);text-align:center;line-height:1.2;background:linear-gradient(to bottom,#e8f0fe,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 -1px 8px #2563eb)}.start-bottom{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.start-punchline{text-align:center;font-size:clamp(.58rem,2.1vw,.76rem);color:#fff;font-weight:800;line-height:1.4;text-shadow:0 1px 6px rgba(0,0,0,.85);padding:0 8px}.loading-screen-inner{gap:18px}.loading-bottom{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.loading-meta{width:min(100%,328px);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.74rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#dbeafef0;text-shadow:0 1px 6px rgba(0,0,0,.8)}.loading-track{position:relative;width:min(100%,328px);height:16px;border-radius:999px;overflow:hidden;background:linear-gradient(180deg,#040918f0,#091434f0);box-shadow:inset 0 0 0 1px #3b82f65c,0 8px 22px #00000057}.loading-fill{position:relative;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1d4ed8,#f59e0b 42%,#93c5fd 74%,#eff6ff);box-shadow:inset 0 0 12px #ffffff47,0 0 18px #3b82f66b;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-note{width:min(100%,344px);text-align:center;font-size:clamp(.62rem,2.2vw,.82rem);line-height:1.45;font-weight:800;color:#fff6e6e6;text-shadow:0 1px 6px rgba(0,0,0,.76)}@keyframes loadingSweep{0%{transform:translate(-100%)}to{transform:translate(180%)}}.btn-start-text{position:relative}@media (min-width: 768px){.start-screen-inner{padding:32px 36px}.start-character{right:32px;bottom:0;width:144px;transform:none}.start-game-logo{max-width:384px}.start-headline{font-size:clamp(1.44rem,2.8vw,2.4rem)}.start-punchline{font-size:clamp(.72rem,1.44vw,.96rem)}.loading-meta{width:min(100%,360px);font-size:.8rem}.loading-track{width:min(100%,360px);height:18px}.loading-note{width:min(100%,368px);font-size:clamp(.74rem,1.4vw,.92rem)}}.game-container.is-quiz,.game-container.is-thankyou,.game-container.is-result,.game-container.is-registration{max-width:100%;width:100%;height:100dvh;background:none;border-radius:0;border:none;box-shadow:none}.game-wrapper:has(.is-quiz):before,.game-wrapper:has(.is-result):before,.game-wrapper:has(.is-registration):before{background:#0d274fcc;display:block}.quiz-screen{position:relative;width:100%;height:100%;overflow:hidden}.quiz-screen-inner{display:flex;flex-direction:column;align-items:center;padding:16px 10px 19px;gap:11px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.quiz-screen-inner::-webkit-scrollbar{display:none}.quiz-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.quiz-character{position:absolute;right:-18px;bottom:0;width:156px;height:auto;pointer-events:none;z-index:1;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5))}.quiz-top{position:sticky;top:0;z-index:10;width:100%;max-width:620px;display:grid;grid-template-areas:"brand timer" "center center";grid-template-columns:1fr auto;gap:8px 0;flex-shrink:0}.quiz-brand{grid-area:brand;align-self:center;font-weight:800;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:#ffffffe6;text-shadow:0 1px 4px rgba(0,0,0,.8)}.quiz-timer{grid-area:timer;align-self:center;font-family:var(--font-body);font-weight:700;font-size:clamp(1.1rem,4.5vw,1.4rem);background:linear-gradient(to right,#4dacff,#19a3ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap}.quiz-timer.urgent{background:linear-gradient(to bottom,#f99,#f22);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 6px rgba(255,50,50,.8))}.quiz-top-center{grid-area:center;display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.quiz-counter{font-family:var(--font-game);font-weight:400;font-size:clamp(1rem,4vw,1.5rem);text-align:center;text-transform:uppercase;background:linear-gradient(to right,#ffeee8,#abe4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 1px 6px rgba(0,0,0,.5));line-height:1;width:100%}.progress-track{height:17px;width:100%;background:#081637;border:none;border-radius:40px;box-shadow:none;position:relative;overflow:hidden;flex-shrink:0}.progress-fill{height:100%;position:absolute;top:0;left:0;bottom:0;background:linear-gradient(to right,#2fe6ff,#286aee 22%,#1429b2 47%,#19b1e9 74%,#279dff);box-shadow:0 0 10px #2fe6ff73;border-radius:40px;border-right:none;transition:width .5s cubic-bezier(.4,0,.2,1)}.quiz-panel{position:relative;z-index:2;width:100%;max-width:var(--content-rail);background:linear-gradient(to bottom,#fff,#a0e7ff);border:none;border-radius:22px;box-shadow:0 8px 32px #0006;padding:14px 13px;display:flex;flex-direction:column;gap:10px;flex-shrink:0}.question-text{font-family:var(--font-body);font-size:clamp(.95rem,3.5vw,1.3rem);font-weight:700;color:#1a3861;background:none;-webkit-text-fill-color:#1a3861;text-align:center;line-height:1.35;flex-shrink:0}.answers-list{display:flex;flex-direction:column;gap:10px;width:100%}.answers-list.compact{gap:8px}.answer-card{width:100%;min-height:var(--answer-h);padding:10px 16px;background:linear-gradient(to bottom,#1947ff,#63aeff);border:none;border-radius:37px;box-shadow:0 4px 14px #1947ff59;color:#fff;font-family:var(--font-body);font-size:clamp(.74rem,2.45vw,.88rem);font-weight:700;text-align:center;display:flex;align-items:center;justify-content:center;gap:10px;line-height:1.3;cursor:pointer;transition:filter .14s ease,transform .1s ease;overflow:hidden}.answer-card.compact{min-height:var(--answer-h-compact);font-size:clamp(.68rem,2.05vw,.78rem)}.answer-card.multi{background:linear-gradient(to bottom,#1947ff,#4a8de0);border:none;justify-content:flex-start;padding-left:16px}.answer-card:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-1px)}.answer-card.selected,.answer-card.auto-selected{background:linear-gradient(to bottom,#60ccff,#4f81ff);box-shadow:0 0 18px #60ccff8c,0 4px 12px #00000040;transform:scale(1.01);filter:brightness(1.08)}.answer-card.multi-selected{background:linear-gradient(to bottom,#5abfee,#3d6fd8);box-shadow:0 0 14px #5abfee73,0 4px 10px #0003}.answer-card:disabled{cursor:default}.multi-checkbox{display:inline-block;width:26px;height:26px;flex-shrink:0;background:#060b18;border:2.6px solid #0f1f42;border-radius:7px;position:relative;transition:background .15s ease,border-color .15s ease}.multi-checkbox.checked{background:#1e3a8a;border-color:#34d399}.multi-checkbox.checked:after{content:"✓";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.85rem;color:#34d399;font-weight:900;line-height:1}.answer-text{flex:1}.next-btn-wrapper{position:sticky;bottom:16px;z-index:10;width:100%;max-width:var(--content-rail);flex-shrink:0;animation:fadeInUp .22s ease}.btn-start,.btn-next,.btn-result,.btn-submit,.btn-instagram{width:100%;min-height:var(--btn-cta-h);padding:12px 24px;border-radius:var(--btn-cta-radius);display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.15}.btn-start,.btn-next,.btn-result,.btn-submit{background:linear-gradient(to right,#4f81ff,#60ccff,#5082ff);border:none;box-shadow:0 6px 20px #4f81ff73,0 4px 10px #0000004d;color:#fff;transition:filter .12s ease,transform .1s ease;cursor:pointer}.btn-start,.btn-next{font-family:var(--font-game);font-size:clamp(.98rem,3.6vw,1.16rem);text-shadow:0 2px 6px rgba(0,0,0,.5);letter-spacing:.06em}.btn-result,.btn-submit{font-family:"Inter",var(--font-body);font-size:clamp(.92rem,2.25vw,1.08rem);font-weight:800;text-shadow:0 2px 6px rgba(0,0,0,.4);padding-inline:28px}.btn-start{max-width:272px}.btn-start:hover,.btn-next:hover,.btn-result:hover,.btn-submit:hover:not(:disabled){filter:brightness(1.08)}.btn-start:active,.btn-next:active,.btn-result:active,.btn-submit:active:not(:disabled){filter:brightness(.92);transform:scale(.97)}@keyframes questionSlideIn{0%{transform:translate(28px);opacity:0}to{transform:translate(0);opacity:1}}.question-enter{animation:questionSlideIn .28s cubic-bezier(.25,.46,.45,.94)}@keyframes answerPopIn{0%{transform:scale(.9) translateY(8px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.answer-enter{animation:answerPopIn .28s cubic-bezier(.34,1.56,.64,1) forwards;opacity:0}@media (min-width: 768px){.quiz-screen-inner{padding:32px 36px 25px;gap:17px;justify-content:flex-start}.quiz-top{max-width:820px;display:flex;flex-direction:row;align-items:center;gap:20px}.quiz-brand{flex:0 0 auto;white-space:nowrap;align-self:center;font-size:.82rem}.quiz-top-center{flex:1;min-width:0}.quiz-counter{font-size:clamp(1.12rem,2.4vw,1.6rem)}.quiz-timer{font-size:clamp(1.04rem,2vw,1.44rem);flex:0 0 auto;align-self:center}.quiz-panel,.next-btn-wrapper{max-width:500px}.quiz-panel{padding:19px 17px;gap:13px}.progress-track{height:24px;border-width:4px;box-shadow:inset 0 21px 26px #05112a}.quiz-character{right:50px;width:194px}.answer-card{min-height:56px;font-size:clamp(.8rem,1.4vw,.92rem);border-radius:16px}.answer-card.compact{min-height:44px}.btn-start,.btn-next,.btn-result,.btn-submit,.btn-instagram{min-height:var(--btn-cta-h-desktop)}.ty-character{right:-20px;width:260px}.ty-body{max-width:420px}.ty-subtext{max-width:380px}}.result-screen{position:relative;width:100%;height:100%;overflow:hidden;animation:fadeIn .4s ease}.result-screen-content{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:clamp(10px,2.3dvh,44px) clamp(10px,2.6vw,45px) clamp(14px,3.2dvh,34px);gap:clamp(12px,2.2dvh,26px)}.result-top{position:relative;z-index:2;width:min(100%,var(--content-rail));display:flex;flex-direction:column;align-items:center;gap:clamp(2px,.45dvh,6px);flex-shrink:0}.result-intro{font-family:"Inter",var(--font-body);font-size:clamp(.6rem,2vw,1.2rem);font-weight:700;background:linear-gradient(to right,#4dacff,#19a3ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;animation:fadeInUp .3s ease .05s both;line-height:1.05}.result-name{font-family:var(--font-game);font-size:clamp(1.8rem,7vw,3.8rem);font-weight:400;text-transform:uppercase;background:linear-gradient(to right,#ffeee8,#abe4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 10px rgba(0,0,0,.5));text-align:center;line-height:1.05;animation:fadeInUp .3s ease .1s both}.result-category{font-family:"Inter",var(--font-body);font-size:clamp(.8rem,2.94vw,1.58rem);font-weight:700;background:linear-gradient(to right,#ffeee8,#ffc219);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;animation:fadeInUp .3s ease .15s both}.result-content{position:relative;z-index:2;width:min(100%,var(--content-rail));display:flex;flex-direction:column;align-items:stretch;gap:clamp(10px,1.5dvh,18px);flex-shrink:0}.result-jakolause{font-family:"Inter",var(--font-body);font-size:clamp(.78rem,2.5vw,1.25rem);font-weight:700;color:#40bcff;-webkit-text-fill-color:#40bcff;text-align:center;line-height:1.3;background:none;border:none;border-radius:0;padding:0;font-style:italic;animation:fadeInUp .3s ease .2s both}.result-image-card{width:100%;aspect-ratio:538 / 331;min-height:188px;max-height:250px;background:#1c1114e6;border:none;border-radius:22px;box-shadow:0 8px 28px #0000008c;position:relative;overflow:hidden;flex-shrink:0;animation:fadeInUp .3s ease .26s both}.result-image{width:100%;height:100%;object-fit:cover;display:block}.result-description{font-family:"Inter",var(--font-body);font-size:clamp(.76rem,2.5vw,1.25rem);font-weight:700;background:linear-gradient(to right,#ffeee8,#90b3ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:justify;line-height:1.34;animation:fadeInUp .3s ease .32s both}.btn-result{position:relative;z-index:2;flex-shrink:0;width:min(100%,500px);min-height:clamp(60px,10vw,72px);padding:14px 30px;margin-top:auto;align-self:center;font-size:clamp(.98rem,2.35vw,1.14rem);line-height:1.18;animation:fadeInUp .3s ease .38s both}.reg-screen{position:relative;width:100%;height:100%;overflow:hidden;animation:fadeIn .35s ease}.reg-screen-content{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:clamp(18px,3dvh,40px) clamp(10px,2.6vw,45px) clamp(16px,4dvh,40px);gap:clamp(12px,1.8dvh,20px)}.reg-character{position:absolute;right:-32px;bottom:0;width:200px;height:auto;pointer-events:none;z-index:1;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5));display:block}.reg-top{display:flex;flex-direction:column;align-items:center;gap:clamp(2px,.7dvh,7px);width:min(100%,var(--content-rail));flex-shrink:0;position:relative;z-index:2}.reg-title{font-family:var(--font-game);font-size:clamp(1.6rem,9vw,2.4rem);font-weight:400;text-transform:uppercase;background:linear-gradient(to right,#ffeee8,#abe4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 10px rgba(0,0,0,.5));text-align:center;line-height:1.05;animation:fadeInUp .3s ease .05s both}.reg-subtitle{font-family:"Inter",var(--font-body);font-size:clamp(.78rem,2.6vw,1.05rem);font-weight:700;background:linear-gradient(to right,#4dacff,#19a3ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 -1px 7.1px #1e3a8a);text-align:center;line-height:1.35;animation:fadeInUp .3s ease .1s both}.reg-form-wrapper{width:min(100%,var(--form-rail));display:flex;flex-direction:column;align-items:center;gap:clamp(10px,1.6dvh,18px);position:relative;z-index:2;animation:fadeInUp .3s ease .15s both}.reg-panel{width:100%;background:linear-gradient(to bottom,#fff,#a0e7ff);border:none;border-radius:22px;box-shadow:0 8px 32px #00000059;padding:16px 16px 14px;display:flex;flex-direction:column;gap:12px}.reg-form{display:flex;flex-direction:column;gap:7px}.form-field{display:flex;flex-direction:column;gap:3px}.form-input{width:100%;height:clamp(48px,8vw,56px);padding:0 16px;background:#001035e0;border:1.5px solid rgba(99,174,255,.35);border-radius:18px;color:#dbeafe;font-family:"Inter",var(--font-body);font-size:clamp(.85rem,2.5vw,1.05rem);font-weight:700;outline:none;transition:border-color .18s ease,box-shadow .18s ease,color .18s ease}.form-input::placeholder{color:#568eb4;opacity:1}.form-input:focus{border-color:#63aeff;box-shadow:0 0 0 2px #63aeff4d;color:#e8f0fe}.form-input.error{border-color:#f44}.form-error{min-height:.72rem;font-size:clamp(.54rem,1.55vw,.64rem);color:#ff7070;font-weight:700;line-height:1.05;padding-left:4px;opacity:0;transition:opacity .16s ease}.form-error.has-error{opacity:1}.consent-row{display:flex;align-items:flex-start;gap:14px;padding:6px 2px 0;flex-shrink:0}.consent-checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:26px;height:26px;border-radius:8px;border:2px solid rgba(99,155,255,.9);background:linear-gradient(180deg,#06090f,#060b18);box-shadow:inset 0 2px 5px #0000008c,0 0 0 1px #00000047;cursor:pointer;position:relative;flex-shrink:0;margin-top:2px}.consent-checkbox:checked{background:linear-gradient(180deg,#60a5fa,#3b82f6);border-color:#bfdbfe;box-shadow:0 0 14px #3b82f67a,inset 0 1px 4px #ffffff59}.consent-checkbox:checked:after{content:"✓";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#e8f0fe;font-size:15px;font-weight:900;line-height:1}.consent-checkbox:focus-visible{outline:2px solid rgba(59,130,246,.65);outline-offset:2px}.consent-label{font-family:"Inter",var(--font-body);font-size:clamp(.78rem,2.2vw,.97rem);color:#ffffffc7;font-weight:700;line-height:1.4;cursor:pointer;background:linear-gradient(to bottom,#e8f0fe,#60a5fa 197%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 -1px 7.1px #1e3a8a)}.consent-label a{color:#60a5fa;-webkit-text-fill-color:#60a5fa;font-weight:800;text-decoration-thickness:2px;text-underline-offset:.12em}.submit-error{font-size:clamp(.7rem,2.2vw,.86rem);color:#ff7070;text-align:center;font-weight:700;padding:2px 0;flex-shrink:0}.btn-submit{flex-shrink:0;width:100%;animation:fadeInUp .3s ease .2s both}.btn-submit:disabled{background:linear-gradient(to bottom,#d6d6d6,#949494);border-color:#ececec;box-shadow:inset 0 4px 6px #ffffff38,0 4px 10px #0000003d;color:#2d2d2deb;text-shadow:none;opacity:1;cursor:not-allowed;filter:grayscale(1)}@media (min-width: 768px){.result-screen-content{padding:38px 45px 24px;gap:18px}.reg-screen-content{padding:30px 40px 28px;gap:16px}.reg-character{right:50px;width:194px}.result-image-card{height:300px;border-radius:22px;box-shadow:0 10px 36px #0000008c}.reg-title{font-size:clamp(1.6rem,3.4vw,2.35rem)}.reg-subtitle{font-size:clamp(.88rem,1.4vw,1.08rem);max-width:520px}.reg-panel{border-radius:22px;padding:18px 18px 16px;gap:12px;box-shadow:0 10px 40px #00000059}.reg-form{gap:8px}.form-input{height:54px;border-width:3px;border-radius:14px;font-size:1rem;padding:0 16px}.consent-row{gap:16px}.consent-checkbox{width:30px;height:30px;border-radius:10px}.consent-checkbox:checked:after{font-size:17px}.consent-label{font-size:.98rem}}@media (max-width: 767px){.result-top,.result-content,.btn-result{width:min(100%,var(--content-rail))}.reg-form-wrapper{width:min(100%,var(--form-rail))}.reg-panel{width:100%}.reg-character{width:156px;right:-18px}}.ty-screen{position:relative;width:100%;height:100%;overflow:hidden}.ty-screen-inner{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:24px 14px 32px;text-align:center}.ty-character{position:absolute;right:-50px;bottom:0;width:200px;height:auto;pointer-events:none;z-index:1;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5));transform:rotate(-12deg);transform-origin:bottom center}.confetti-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.ty-top{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;flex-shrink:0}.ty-brand{font-family:var(--font-body);font-weight:800;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:#ffffffeb;text-shadow:0 1px 4px rgba(0,0,0,.8);animation:fadeInUp .3s ease .05s both}.ty-headline{font-family:var(--font-game);font-size:clamp(1.5rem,6vw,2.4rem);background:linear-gradient(to bottom,#e8f0fe,#60a5fa 197%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 -1px 9px #2563eb);line-height:1.1;animation:bounceIn .55s cubic-bezier(.36,.07,.19,.97)}.ty-body{font-family:var(--font-body);font-size:clamp(.78rem,3.1vw,1.05rem);font-weight:700;background:linear-gradient(to bottom,#e8f0fe,#60a5fa 197%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 -.7px 5.2px #1e3a8a);line-height:1.5;max-width:340px;animation:fadeInUp .35s ease .28s both}.ty-bottom{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;flex-shrink:0}.ty-subtext{font-family:var(--font-body);font-size:clamp(.72rem,2.8vw,.96rem);font-weight:700;background:linear-gradient(to bottom,#e8f0fe,#60a5fa 197%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 -.7px 5.2px #1e3a8a);text-align:center;line-height:1.45;max-width:300px;animation:fadeInUp .35s ease .38s both}.btn-instagram{gap:10px;max-width:340px;background:linear-gradient(135deg,#2563eb,#1d4ed8 52%,#1e40af);border:3px solid rgba(37,99,235,.65);box-shadow:0 0 24px #2563eb80,0 4px 10px #00000059;color:#fff;font-family:var(--font-game);font-size:clamp(.76rem,3vw,.9rem);letter-spacing:.04em;text-shadow:0 1px 4px rgba(0,0,0,.45);cursor:pointer;transition:filter .14s ease,transform .1s ease;text-decoration:none;animation:fadeInUp .45s ease .48s both}.btn-instagram:hover{filter:brightness(1.1)}.btn-instagram:active{filter:brightness(.9);transform:scale(.97)}@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)}}:root{--primary: #1a47ff;--primary-strong: #003f96;--primary-deep: #081637;--primary-ink: #1a3861;--accent: #64afff;--accent-bright: #abe4ff;--accent-cyan: #2fe7ff;--accent-soft: #7ee7ff;--secondary: #ffc31a;--bg-dark: #0d274f;--card-bg: rgba(255, 255, 255, .92);--panel-top: rgba(255, 255, 255, .94);--panel-bottom: rgba(161, 231, 255, .9);--panel-stroke: rgba(64, 139, 255, .58);--display-fill: #ffffff;--display-stroke: 1.6px;--display-stroke-color: #3568d8;--display-shadow-color: rgba(18, 51, 120, .34);--btn-cta-radius: 36px}body:before{background-color:var(--bg-dark);background-image:linear-gradient(180deg,#ffffff1a,#ffffff05),url(/assets/bg_fireplace.jpg)}body:after{z-index:1;background:radial-gradient(circle at top center,rgba(153,226,255,.2),transparent 36%),radial-gradient(circle at left bottom,rgba(26,71,255,.16),transparent 34%),linear-gradient(180deg,#08163724,#08163757)}.game-wrapper:before,.game-wrapper:has(.is-quiz):before,.game-wrapper:has(.is-result):before,.game-wrapper:has(.is-registration):before{background:#0d274fcc}.fire-particle{background:var(--accent-soft);box-shadow:0 0 10px #2fe7ffe0,0 0 20px #1a47ff80}.start-character,.quiz-character,.reg-character,.ty-character{filter:drop-shadow(0 18px 28px rgba(8,22,55,.44))}.start-brand,.quiz-brand,.ty-brand{font-family:var(--font-game);font-weight:400;font-size:clamp(.72rem,1.95vw,.92rem);letter-spacing:.03em;text-transform:uppercase;color:#fffffffa;text-shadow:0 2px 0 rgba(18,51,120,.24)}.start-game-logo{filter:drop-shadow(0 12px 20px rgba(6,24,88,.28))}.start-headline,.quiz-counter,.result-name,.reg-title,.ty-headline{font-family:var(--font-game);font-weight:400;text-transform:uppercase;letter-spacing:.02em;line-height:1.06;color:var(--display-fill);background:none;-webkit-background-clip:border-box;-webkit-text-fill-color:var(--display-fill);background-clip:border-box;-webkit-text-stroke:var(--display-stroke) var(--display-stroke-color);paint-order:stroke fill;filter:none;text-shadow:0 3px 0 var(--display-shadow-color)}.start-headline{font-size:clamp(1.26rem,6vw,2.8rem)}.quiz-counter{width:auto;min-width:0;font-size:clamp(1.24rem,5.5vw,2.55rem)}.result-name,.reg-title,.ty-headline{filter:none}.start-punchline,.loading-note{color:#fffffffa;font-weight:800;text-shadow:0 2px 8px rgba(8,22,55,.26)}.loading-meta,.quiz-timer,.result-intro,.reg-subtitle,.ty-body,.ty-subtext{color:#4eacff;background:none;-webkit-background-clip:border-box;-webkit-text-fill-color:#4eacff;background-clip:border-box;text-shadow:none}.loading-meta{font-weight:800;letter-spacing:.05em;text-transform:uppercase}.quiz-timer.urgent{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#ff8f8f;-webkit-text-fill-color:#ff8f8f;filter:none;text-shadow:0 0 6px rgba(255,95,95,.22)}.loading-track,.progress-track{background:var(--primary-deep);box-shadow:inset 0 4px 10px #00000040,0 10px 22px #08163724}.loading-fill,.progress-fill{background:linear-gradient(90deg,#2fe7ff,#286aee 22%,#1429b2 47%,#19b2e9 73%,#279eff);box-shadow:inset 0 -1px 15px 10px #4ce1ff8c,0 0 18px #4ce1ff61}.loading-fill:after{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.58) 50%,transparent 100%)}.quiz-panel,.reg-panel{background:linear-gradient(180deg,var(--panel-top) 0%,var(--panel-bottom) 100%);border:2px solid var(--panel-stroke);box-shadow:inset 0 4px 4px #013f96c7,inset 0 -7px 6px #5188ff6b,0 18px 36px #0816372e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.question-text{font-size:clamp(1rem,3.7vw,1.45rem);color:var(--primary-ink);-webkit-text-fill-color:var(--primary-ink)}.answer-card{background:linear-gradient(180deg,#1a47ff 1%,#2e60ff 44%,#64afff);border:2px solid rgba(28,74,211,.82);box-shadow:inset 0 -4px 8px 3px #01139bc2,0 10px 20px #0816372e;text-shadow:0 2px 6px rgba(8,22,55,.38)}.answer-card.multi{justify-content:flex-start}.answer-card:hover:not(:disabled){filter:brightness(1.06)}.answer-card.selected,.answer-card.auto-selected,.answer-card.multi-selected{background:linear-gradient(180deg,#3e69ff,#5a89ff 46%,#8ce7ff);border-color:#bbeffffa;box-shadow:0 0 0 2px #ffffff2e,inset 0 -4px 9px 3px #0b2dcbb8,0 0 18px #4ce1ff66}.multi-checkbox{background:#001035eb;border-color:#0a1e56fa;box-shadow:inset 0 2px 5px #00000057}.multi-checkbox.checked{background:linear-gradient(180deg,#9ef49a,#68cd7a);border-color:#d9ffd6}.multi-checkbox.checked:after{color:#17325a}.btn-start,.btn-next,.btn-result,.btn-submit,.btn-instagram{font-family:var(--font-body);font-size:clamp(1rem,3.2vw,1.22rem);font-weight:800;letter-spacing:0;text-transform:none;color:#fff;background:linear-gradient(180deg,#79e3ff,#63cfff 44%,#4f82ff);border:4px solid rgba(0,63,150,.88);box-shadow:inset 0 -8px 10px #01139b61,0 18px 28px #08163729;text-shadow:0 2px 6px rgba(0,0,0,.28)}.btn-start,.btn-next{min-height:clamp(58px,9.8vw,70px)}.btn-start:hover,.btn-next:hover,.btn-result:hover,.btn-submit:hover:not(:disabled),.btn-instagram:hover{filter:brightness(1.05)}.btn-start:active,.btn-next:active,.btn-result:active,.btn-submit:active:not(:disabled),.btn-instagram:active{transform:scale(.985)}.btn-submit:disabled{background:linear-gradient(180deg,#dbe7f7,#a5bfdc);border-color:#426592d1;color:#112b52e6;box-shadow:inset 0 -6px 8px #39598233,0 12px 18px #0816371a;text-shadow:none}.result-intro,.reg-subtitle,.ty-body,.ty-subtext{filter:none}.result-category{background:linear-gradient(180deg,#ffefe8,#ffc31a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 -1px 7px rgba(96,35,17,.72)}.result-jakolause{color:#40bcff;-webkit-text-fill-color:#40bcff;font-style:normal;text-align:left}.result-image-card{background:#fffffff5;border:5px solid #18233b;box-shadow:0 0 0 2px #64afff73,0 16px 28px #0816372e}.result-description{background:linear-gradient(180deg,#ffefe8,#90b3ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.form-input{background:#001035e0;border:2px solid rgba(21,41,76,.92);box-shadow:inset 0 1px #ffffff14,0 8px 18px #08163714}.form-input::placeholder{color:#578fb5}.form-input:focus{border-color:#64afff;box-shadow:0 0 0 2px #64afff40,0 10px 22px #0816371a}.consent-checkbox{width:24px;height:24px;border-radius:8px;border:2px solid rgba(54,111,255,.75);background:#203155f0;box-shadow:inset 0 2px 4px #00000047}.consent-checkbox:checked{background:linear-gradient(180deg,#9ef49a,#68cd7a);border-color:#d7ffd2;box-shadow:0 0 12px #98ef9152,inset 0 1px 2px #ffffff47}.consent-checkbox:checked:after{color:#15294c}.consent-label{background:none;-webkit-background-clip:border-box;-webkit-text-fill-color:#366fff;color:#366fff;filter:none}.consent-label a{color:#15294c;-webkit-text-fill-color:#15294c}.submit-error,.form-error.has-error{color:#d83f54}.btn-instagram{background:linear-gradient(180deg,#79e3ff,#63cfff 44%,#4f82ff)}@media (min-width: 768px){:root{--display-stroke: 2.3px}.quiz-counter{font-size:clamp(1.6rem,3vw,2.7rem)}.btn-start,.btn-next,.btn-result,.btn-submit,.btn-instagram{min-height:70px;font-size:clamp(1.04rem,1.8vw,1.28rem)}.answer-card{border-radius:37px}.result-jakolause{font-size:clamp(.82rem,1.55vw,1.2rem)}}