@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/poppins-400.woff2) format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/poppins-600.woff2) format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/poppins-700.woff2) format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/poppins-800.woff2) format("woff2")}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--elko-red: #a8010e;--elko-red-light: #c30a18;--elko-red-dark: #74000a;--bg: #d70929;--panel: #1a1a1a}html,body{height:100%}body{background:var(--bg);min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;padding:14px 12px;-webkit-font-smoothing:antialiased}html{background:var(--bg);overflow-x:hidden}html.is-transitioning{overflow:hidden}#app{width:100%;display:flex;justify-content:center}.panel{position:relative;width:clamp(280px,97vw,600px);display:flex;flex-direction:column;align-items:center;gap:10px}.instruction{color:#fff;font-size:clamp(19px,5.4vw,28px);font-weight:800;text-align:center;line-height:1.2;max-width:20ch;margin-top:2px;margin-bottom:8px}.instruction--win{animation:revealPop .4s ease}@supports ((-webkit-background-clip: text) or (background-clip: text)){.instruction--win{background:linear-gradient(110deg,#fff 44%,#ffe9a8,#fff 56%);background-size:300% 100%;background-position:0 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:revealPop .4s ease,shine 1.1s ease .25s}}.timer-pill{background:#f2f0ec;border-radius:30px;padding:6px 18px;box-shadow:0 2px 6px #00000029,inset 0 1px #fffc}.timer{color:#161616;font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;font-family:SF Mono,ui-monospace,Menlo,monospace;letter-spacing:1px}.timer-pill--hit{animation:pillHit .5s ease}.timer-pill--hit .timer{animation:timerHit .5s ease}.lens{position:relative;width:clamp(260px,78vw,430px);aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center}.ring{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;user-select:none;-webkit-user-drag:none;z-index:2;filter:drop-shadow(0 5px 14px rgba(0,0,0,.22))}.viewport{position:relative;width:74%;aspect-ratio:1 / 1;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 35%,#8e0511,#690009 68%,#520006)}.photo-wrap{position:relative;width:100%;aspect-ratio:1 / 1}.photo{position:absolute;inset:0;overflow:hidden}.photo:before{content:"";position:absolute;inset:0;background:linear-gradient(155deg,#3d3a37,#211f1d 48%,#121110);opacity:0;transition:opacity .55s ease;z-index:1;pointer-events:none}.photo--teaser:before{opacity:1}.photo-q{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;font-family:Georgia,Times New Roman,serif;font-weight:700;font-size:clamp(64px,20vw,120px);color:#efe6d1;transform:rotate(8deg);text-shadow:0 4px 10px rgba(0,0,0,.28)}.photo-q--out{animation:qOut .4s ease forwards}.product--in{animation:productIn .6s ease both}.product{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform-origin:center center;will-change:transform;user-select:none;-webkit-user-drag:none}.penalty{position:absolute;top:10%;left:50%;transform:translate(-50%);background:var(--elko-red);color:#fff;font-weight:800;font-size:17px;padding:5px 14px;border-radius:30px;opacity:0;pointer-events:none;box-shadow:0 3px 8px #00000038}.penalty.show{animation:penaltyFly .8s cubic-bezier(.3,.7,.4,1) forwards}.countdown{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;font-size:clamp(56px,16vw,96px);font-weight:800;color:var(--elko-red);text-shadow:0 0 14px rgba(255,255,255,.85),0 3px 10px rgba(0,0,0,.18);pointer-events:none}.countdown--pop{animation:countPop .55s cubic-bezier(.2,.9,.3,1.2) both}.viewport--punch{animation:punch .45s cubic-bezier(.2,.9,.3,1.4)}.ring--glow{animation:ringGlow .9s ease}.options{width:100%;max-width:330px;display:flex;flex-direction:column;align-items:stretch;gap:7px;margin-top:2px}.options .btn--start{align-self:center}.option{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:#00000059;padding:7px 12px;border:1px solid rgba(255,255,255,.65);border-radius:40px;cursor:pointer;transition:background .15s,border-color .15s;-webkit-tap-highlight-color:transparent}.option:hover{background:#00000080;border-color:#fff}.option.wrong{border-color:#ff4040;background:#ff40402e;animation:shake .45s ease}.option.correct{border-color:#36c46b;background:#36c46b38}.badge{width:28px;height:28px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#161616;flex-shrink:0}.option-text{color:#fff;font-size:clamp(12px,3vw,14px);line-height:1.25;font-weight:600}.panel--out{animation:panelOut .32s ease forwards;pointer-events:none}@keyframes panelOut{to{opacity:0;transform:scale(.96) translateY(-8px)}}.tf-embed--enter{animation:formIn .4s ease both}@keyframes formIn{0%{opacity:0;transform:translateY(16px)}}.confetti{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:50}.tf-embed{position:relative;width:clamp(280px,96vw,760px);min-height:220px}.tf-embed>div{width:100%}.tf-embed--standby{position:fixed;top:0;left:50%;transform:translate(-50%);opacity:0;pointer-events:none;z-index:-1}.tf-embed:before{content:"Laddar formulär…";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#ffffffd9;font-size:14px;font-weight:600;z-index:-1}.btn{display:inline-block;background:#fff;color:var(--elko-red);font-size:clamp(14px,3.6vw,16px);font-weight:700;text-decoration:none;padding:13px 34px;border:0;border-radius:40px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease;box-shadow:0 3px 10px #00000029}.btn:hover{transform:translateY(-1px);box-shadow:0 5px 14px #0003}.btn:active{transform:translateY(0)}.btn--outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.9);text-transform:uppercase;letter-spacing:1px;font-size:clamp(12px,2.2vw,16px);padding:clamp(12px,1.6vw,16px) clamp(28px,4vw,44px);box-shadow:none}.btn--outline:hover{background:#fff;color:var(--elko-red);box-shadow:0 4px 10px #00000026}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(5px)}}@keyframes revealPop{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes penaltyFly{0%{opacity:0;transform:translate(-50%,10px) scale(.85)}18%{opacity:1;transform:translate(-50%) scale(1.06)}32%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,var(--fly-y, -90px)) scale(.55)}}@keyframes pillHit{0%{transform:scale(1)}25%{transform:scale(1.14)}70%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes timerHit{0%,70%{color:var(--elko-red-light)}to{color:#161616}}@keyframes countPop{0%{opacity:0;transform:scale(.4)}35%{opacity:1;transform:scale(1.08)}60%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.92)}}@keyframes punch{0%{transform:scale(1)}35%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes ringGlow{0%{filter:drop-shadow(0 5px 14px rgba(0,0,0,.22))}35%{filter:drop-shadow(0 5px 14px rgba(0,0,0,.22)) drop-shadow(0 0 26px rgba(255,222,130,.9))}to{filter:drop-shadow(0 5px 14px rgba(0,0,0,.22))}}@keyframes shine{0%{background-position:0 0}to{background-position:100% 0}}@keyframes qOut{to{opacity:0;transform:rotate(40deg) scale(.4)}}@keyframes productIn{0%{opacity:0}}@keyframes optIn{0%{opacity:0;transform:translateY(10px)}}.option--in,.timer-pill--in{animation:optIn .42s ease both}.btn--start.is-leaving{animation:btnOut .3s ease forwards;pointer-events:none}@keyframes btnOut{to{opacity:0;transform:scale(.94)}}@media (prefers-reduced-motion: reduce){.option.wrong,.instruction--win,.penalty.show,.photo-q--out,.product--in,.option--in,.timer-pill--in,.btn--start.is-leaving,.countdown--pop,.viewport--punch,.ring--glow,.timer-pill--hit,.timer-pill--hit .timer,.panel--out,.tf-embed--enter{animation:none}.photo:before{transition:none}}