:root{--color-surface-dark:#0f1520;--color-surface-card-dark:#1a2130;--color-brand-gold:#e8a320;--color-brand-gold-light:#f5bc45;--color-surface-light:#f4ede0;--color-surface-light-2:#ece3d1;--color-state-correct:#2e7d52;--color-state-wrong:#c0392b;--color-text-light:#ffffff;--color-text-muted-light:rgba(255,255,255,0.6);--color-text-muted-dark:rgba(15,21,32,0.55);--color-cat-urheilu:#1e3a5f;--color-cat-maantieto:#1a3a45;--color-cat-luonto:#1f3d2e;--color-cat-historia:#3d2418;--color-cat-tv-sarjat:#2d1b3d;--color-cat-elokuvat:#3d1818;--color-cat-musiikki:#3d1830;--color-cat-ruoka-juoma:#3d2818;--color-cat-muoti-design:#2d1f33;--color-cat-synttarit:#0f1520;--font-display:"Barlow Condensed",-apple-system,BlinkMacSystemFont,sans-serif;--font-body:"Barlow",-apple-system,BlinkMacSystemFont,sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--space-3xl:96px;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--radius-xl:20px;--radius-pill:999px;--shadow-md:0 8px 24px -8px rgba(15,21,32,0.35);--shadow-lg:0 20px 60px -20px rgba(15,21,32,0.45);--shadow-gold:0 6px 20px -6px rgba(232,163,32,0.65);--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--container-wide:1024px;--container-medium:720px;--container-narrow:520px}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font-family:var(--font-body);background:var(--color-surface-dark);color:var(--color-text-light);overflow-x:hidden;position:relative;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;inset:0;background-image:repeating-linear-gradient(-45deg,transparent,transparent 22px,rgba(255,255,255,.04) 0,rgba(255,255,255,.04) 23px);pointer-events:none;z-index:0}main{position:relative;z-index:1}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container-wide{max-width:var(--container-wide)}.container-medium,.container-wide{margin:0 auto;padding:0 var(--space-md)}.container-medium{max-width:var(--container-medium)}.container-narrow{max-width:var(--container-narrow);margin:0 auto;padding:0 var(--space-md)}.section-label{font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-brand-gold);display:inline-block}.section-label.with-dash:before{content:"— "}.section-header{font-family:var(--font-display);font-weight:900;font-size:clamp(38px,9vw,56px);letter-spacing:-.005em;text-transform:uppercase;color:var(--color-brand-gold);display:flex;align-items:center;gap:var(--space-md);padding:var(--space-2xl) 0 var(--space-xs);line-height:.95}.section-header:before{content:"";display:inline-block;width:5px;height:.78em;background:var(--color-brand-gold);border-radius:2px;flex-shrink:0;align-self:center}.section-header .icon{font-size:26px}@media (min-width:768px){.section-header{font-size:clamp(48px,6.5vw,68px)}.section-header:before{width:6px}}.section-subtitle{font-family:var(--font-body);font-weight:400;font-size:17px;line-height:1.45;color:var(--color-text-muted-light);padding:0 0 var(--space-lg);max-width:540px}@media (min-width:768px){.section-subtitle{font-size:18px}}.section-header-row{display:flex;justify-content:space-between;align-items:center}.section-header-row .see-all{font-size:14px;letter-spacing:.08em;color:var(--color-brand-gold);text-transform:uppercase}.btn,.section-header-row .see-all{font-family:var(--font-display);font-weight:800}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;letter-spacing:.04em;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);border-radius:var(--radius-pill);transition:transform .18s var(--ease-out),background .2s,border-color .2s,box-shadow .2s;text-decoration:none}.btn:active{transform:scale(.97)}.btn:focus-visible{outline:2px solid var(--color-brand-gold);outline-offset:2px}.btn-primary{background:var(--color-brand-gold);color:var(--color-surface-dark)}.btn-primary:hover{background:var(--color-brand-gold-light)}.btn-ghost{background:transparent;border:1.5px solid var(--color-text-light);color:var(--color-text-light)}.btn-ghost:hover{background:rgba(255,255,255,.08);border-width:2px}.btn-outline-gold{background:transparent;border:1.5px solid var(--color-brand-gold);color:var(--color-brand-gold)}.btn-outline-gold:hover{background:rgba(232,163,32,.08);border-width:2px}.btn-large{padding:16px 32px;font-size:18px}.btn-small{padding:10px 20px;font-size:15px}.hero{background:var(--color-surface-dark);position:relative;padding-bottom:0}.topbar{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-lg) var(--space-md) var(--space-md);border-bottom:1px solid rgba(255,255,255,.08);max-width:var(--container-wide);margin:0 auto}.logo{font-family:var(--font-display);display:flex;flex-direction:column;line-height:.95}.logo .name{display:flex;align-items:baseline;gap:1px}.logo .tieto{color:var(--color-brand-gold);font-weight:900;font-size:22px}.logo .niekka{color:var(--color-text-light);font-weight:700;font-size:22px}.logo .tagline{font-size:9px;letter-spacing:.18em;color:var(--color-text-muted-light);margin-top:2px}.date,.logo .tagline{font-weight:700;text-transform:uppercase}.date{font-family:var(--font-display);font-size:13px;letter-spacing:.14em;color:var(--color-text-light);margin-top:6px}.hero-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-lg) var(--space-md) 0;max-width:var(--container-wide);margin:0 auto}.hero-image{width:100%;max-width:460px;position:relative;order:2;border-radius:var(--radius-xl);overflow:hidden}.hero-image img{width:100%;height:auto;display:block}.hero-text{width:100%;display:flex;flex-direction:column;gap:var(--space-md);order:1}.hero-title{font-family:var(--font-display);font-weight:900;font-size:clamp(80px,22vw,130px);line-height:.9;letter-spacing:-.02em}.hero-title .tieto-line{color:var(--color-brand-gold);display:block}.hero-title .niekka-line{color:var(--color-text-light);display:block}.hero-subtitle{color:var(--color-text-muted-light);font-size:18px;line-height:1.5;max-width:420px;font-weight:400}@media (min-width:768px){.hero-subtitle{font-size:20px}}.hero-cta{align-self:flex-start}.hero-strip{background:var(--color-brand-gold);color:var(--color-surface-dark);font-family:var(--font-display);font-weight:800;font-size:14px;letter-spacing:.1em;text-transform:uppercase;padding:12px var(--space-md);text-align:center;margin-top:var(--space-lg)}.hero-strip .pulse{display:inline-block;background:var(--color-surface-dark);color:var(--color-brand-gold);padding:2px 10px;border-radius:var(--radius-pill);margin-right:6px;font-size:12px}@media (min-width:768px){.hero-content{flex-direction:row;align-items:center;gap:var(--space-2xl);padding:var(--space-xl) var(--space-md) var(--space-md)}.hero-text{order:1;flex:1 1}.hero-image{order:2;flex:1 1;max-width:520px}.hero-title{font-size:clamp(80px,9vw,130px)}}.pinnalla-nyt{background:var(--color-surface-dark)}.pinnalla-nyt .container-wide{max-width:1024px}.pinnalla-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-sm);gap:var(--space-sm);padding:0 0 var(--space-lg)}@media (min-width:768px){.pinnalla-strip{gap:var(--space-md)}}.event-card{width:100%;min-width:0;background:var(--color-surface-card-dark);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-sm);display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);border:1px solid rgba(255,255,255,.06);transition:transform .2s var(--ease-out),border-color .2s}.event-card img{width:100%;max-width:90px;height:auto;aspect-ratio:1/1;object-fit:contain}.event-card .event-name{font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;text-align:center;color:var(--color-text-light)}.event-card .event-countdown{display:flex;flex-direction:column;align-items:center;gap:0;margin-top:auto}.event-card .days{font-family:var(--font-display);font-weight:900;font-size:32px;color:var(--color-brand-gold);line-height:1}.event-card .suffix{font-family:var(--font-display);font-weight:700;font-size:11px;letter-spacing:.1em;color:var(--color-text-muted-light);text-transform:uppercase}.event-card.today .days{font-size:16px}.event-card.today .countdown-pill{background:var(--color-brand-gold);color:var(--color-surface-dark);font-family:var(--font-display);font-weight:900;font-size:14px;letter-spacing:.1em;padding:4px 12px;border-radius:var(--radius-pill);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@media (min-width:768px){.event-card img{max-width:120px}}.featured-quiz.paivan-visa-card,.paivan-visa-card{position:relative;overflow:hidden;border-radius:var(--radius-xl);padding:var(--space-lg);background:linear-gradient(180deg,rgba(15,21,32,.18) 0,var(--quiz-tint,rgba(15,21,32,.62)) 65%,rgba(15,21,32,.78) 100%),var(--bg-image,none) center /cover no-repeat,var(--kat-color,var(--color-surface-card-dark));border:1px solid rgba(255,255,255,.06);border-top:3px solid var(--color-brand-gold);transition:transform .2s var(--ease-out)}.featured-quiz.paivan-visa-card:hover,.paivan-visa-card:hover{transform:translateY(-2px)}.featured-quiz.paivan-visa-card:before,.paivan-visa-card:before{content:attr(data-watermark);position:absolute;top:18px;right:-22px;transform:rotate(-8deg);font-family:var(--font-display);font-weight:900;font-size:clamp(96px,22vw,160px);color:rgba(255,255,255,.06);letter-spacing:-.02em;pointer-events:none;white-space:nowrap;z-index:0;line-height:1}.featured-quiz.paivan-visa-card>*,.paivan-visa-card>*{position:relative;z-index:1}.paivan-visa-eyebrow{font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-brand-gold);display:block;margin-bottom:var(--space-xs)}.paivan-sankari{background:var(--color-surface-dark);padding-top:var(--space-md)}.paivan-sankari .section-header{padding-top:var(--space-3xl)}.sankari-card{display:block;background:var(--color-surface-card-dark);border-radius:var(--radius-xl);overflow:hidden;max-width:var(--container-medium);margin:0;position:relative;transition:transform .2s var(--ease-out);border:1px solid rgba(255,255,255,.06);border-top:3px solid var(--color-brand-gold)}.sankari-card:hover{transform:translateY(-3px)}.sankari-photo{position:relative;aspect-ratio:16/13;overflow:hidden;background:var(--color-surface-card-dark)}.sankari-photo img{width:100%;height:100%;object-fit:cover}.sankari-photo:after{content:"";position:absolute;inset:50% 0 0 0;background:linear-gradient(180deg,transparent,rgba(15,21,32,.85));pointer-events:none}.age-pill{top:var(--space-md);left:var(--space-md);background:var(--color-brand-gold);color:var(--color-surface-dark);font-family:var(--font-display);font-weight:800;font-size:13px;letter-spacing:.06em;padding:6px 14px;border-radius:var(--radius-pill);text-transform:uppercase}.age-pill,.sankari-overlay{position:absolute;z-index:2}.sankari-overlay{bottom:var(--space-lg);left:var(--space-lg);right:var(--space-lg)}.sankari-name{font-size:clamp(28px,7vw,44px);margin-bottom:6px}.sankari-meta{font-size:12px}.sankari-cta-row{padding:var(--space-md) var(--space-lg) var(--space-lg);display:flex;justify-content:space-between;align-items:center}.sankari-cta-row .label{color:var(--color-text-light)}.sankari-cta-row .arrow,.sankari-cta-row .label{font-family:var(--font-display);font-weight:800;font-size:14px}.sankari-cta-row .arrow{color:var(--color-brand-gold);letter-spacing:.06em}.wiki-credit{position:absolute;bottom:6px;right:8px;font-size:10px;color:rgba(255,255,255,.6);z-index:2}.kategoriat{background:var(--color-surface-dark);padding-bottom:var(--space-xl)}.kategoria-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--space-md);gap:var(--space-md)}@media (min-width:600px){.kategoria-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.kategoria-grid{grid-template-columns:repeat(3,1fr)}}.kategoria-card{display:block;border-radius:var(--radius-lg);overflow:hidden;position:relative;aspect-ratio:3/2;transition:transform .2s var(--ease-out);border:1px solid rgba(255,255,255,.06);background:var(--kategoria-color,var(--color-surface-card-dark))}.kategoria-card:hover{transform:translateY(-4px)}.kategoria-card .kategoria-image{position:absolute;inset:0;z-index:0}.kategoria-card .kategoria-image img{width:100%;height:100%;object-fit:cover;opacity:.7}.kategoria-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.85));z-index:1}.kategoria-content{position:absolute;bottom:0;left:0;right:0;padding:var(--space-md);z-index:2}.kategoria-content h3{font-family:var(--font-display);font-weight:900;font-size:28px;color:var(--color-brand-gold);letter-spacing:-.01em;margin-bottom:2px}.kategoria-content p{font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.06em;color:var(--color-text-light);text-transform:uppercase;opacity:.85}.tunnista-tama{background:var(--color-surface-dark)}.kuvavisa-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-md);gap:var(--space-md)}@media (min-width:768px){.kuvavisa-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.kuvavisa-grid{grid-template-columns:repeat(4,1fr)}}.kuvavisa-card{display:flex;flex-direction:column;position:relative;background:linear-gradient(180deg,rgba(15,21,32,.45) 0,rgba(15,21,32,.85) 100%),var(--bg-image,none) center /cover no-repeat,var(--color-surface-card-dark);border-radius:var(--radius-lg);padding:var(--space-md);border:1px solid rgba(255,255,255,.06);transition:transform .2s var(--ease-out),border-color .2s;min-height:200px;overflow:hidden}.kuvavisa-card:hover{transform:translateY(-3px);border-color:var(--color-brand-gold)}.kuvavisa-emoji{font-size:48px;text-align:center;margin:var(--space-sm) 0 var(--space-md)}.alaluokka-badge{align-self:flex-start;background:var(--color-brand-gold);color:var(--color-surface-dark);font-size:11px;letter-spacing:.1em;padding:4px 10px;border-radius:var(--radius-pill);text-transform:uppercase}.alaluokka-badge,.kuvavisa-card h3{font-family:var(--font-display);font-weight:800;margin-bottom:var(--space-sm)}.kuvavisa-card h3{font-size:16px;color:var(--color-text-light);line-height:1.2;flex:1 1}.kuvavisa-card p{font-family:var(--font-display);font-weight:700;font-size:12px;letter-spacing:.08em;color:var(--color-text-muted-light);text-transform:uppercase}.arvo-satunnainen{padding:var(--space-2xl) 0 var(--space-2xl)}.arvo-card{background:var(--color-surface-card-dark) url(/noppa_kuva.png) center top /cover no-repeat;border-radius:var(--radius-xl);padding:var(--space-2xl) var(--space-lg);text-align:center;max-width:var(--container-medium);margin:0 auto;position:relative;overflow:hidden;min-height:480px;display:flex;flex-direction:column;justify-content:flex-end}.arvo-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,21,32,.55),rgba(15,21,32,.85));pointer-events:none}.arvo-card>*{position:relative;z-index:1}.arvo-card h2{font-weight:900;font-size:clamp(36px,7vw,52px);color:var(--color-text-light);line-height:1;margin-bottom:var(--space-md);letter-spacing:-.01em}.arvo-card h2,.arvo-card p{font-family:var(--font-display)}.arvo-card p{font-weight:700;font-size:15px;letter-spacing:.04em;color:var(--color-text-muted-light);margin-bottom:var(--space-lg)}.footer{background:var(--color-surface-dark);border-top:1px solid rgba(255,255,255,.08);padding:var(--space-xl) var(--space-md);text-align:center}.footer-logo{font-family:var(--font-display);font-weight:900;font-size:18px;letter-spacing:.05em;color:var(--color-brand-gold);margin-bottom:var(--space-sm)}.footer-meta{font-family:var(--font-body);font-size:13px;color:var(--color-text-muted-light)}.footer-meta a{color:inherit;text-decoration:underline}.featured-quiz,.pinnalla-featured-quiz{background:linear-gradient(160deg,var(--quiz-tint,rgba(31,61,46,.4)),var(--color-surface-card-dark));border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);padding:var(--space-lg);margin-top:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md)}.featured-quiz .quiz-header,.pinnalla-featured-quiz .quiz-header{display:flex;align-items:center;gap:var(--space-md)}.featured-quiz .quiz-header .emoji,.pinnalla-featured-quiz .quiz-header .emoji{font-size:32px;flex-shrink:0}.featured-quiz .quiz-header h3,.pinnalla-featured-quiz .quiz-header h3{font-family:var(--font-display);font-weight:900;font-size:22px;color:var(--color-text-light);letter-spacing:-.01em;line-height:1;margin-bottom:4px}.featured-quiz .quiz-header h3 .countdown,.pinnalla-featured-quiz .quiz-header h3 .countdown{color:var(--color-brand-gold);font-weight:800;font-size:18px}.featured-quiz .quiz-header p,.pinnalla-featured-quiz .quiz-header p{font-family:var(--font-body);font-size:15px;color:var(--color-text-muted-light);line-height:1.4}.featured-quiz .quiz-progress,.pinnalla-featured-quiz .quiz-progress{font-family:var(--font-display);font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-brand-gold)}.featured-quiz .quiz-question,.pinnalla-featured-quiz .quiz-question{font-family:var(--font-display);font-weight:800;font-size:clamp(24px,5vw,30px);line-height:1.15;color:var(--color-text-light)}.featured-quiz .quiz-options,.pinnalla-featured-quiz .quiz-options{display:flex;flex-direction:column;gap:var(--space-sm)}.featured-quiz .quiz-option,.pinnalla-featured-quiz .quiz-option{display:flex;align-items:center;gap:var(--space-md);padding:14px 16px;border:1.5px solid rgba(255,255,255,.15);border-radius:var(--radius-md);background:rgba(0,0,0,.2);color:var(--color-text-light);font-family:var(--font-body);font-weight:500;font-size:17px;transition:border-color .2s,background .2s,transform .18s var(--ease-out)}.featured-quiz .quiz-option:hover,.pinnalla-featured-quiz .quiz-option:hover{border-color:var(--color-brand-gold);background:rgba(232,163,32,.08);transform:translateY(-1px)}.featured-quiz .quiz-option .badge,.pinnalla-featured-quiz .quiz-option .badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:rgba(255,255,255,.1);border-radius:var(--radius-sm);font-family:var(--font-display);font-weight:800;font-size:14px;flex-shrink:0}.kategoria-inline-card{position:relative;background:linear-gradient(180deg,var(--kat-color,var(--color-surface-card-dark)) 0,var(--color-surface-card-dark) 65%);border-radius:var(--radius-xl);overflow:hidden;margin-bottom:var(--space-2xl);border:1px solid rgba(255,255,255,.06)}.kategoria-inline-card:before{content:attr(data-watermark);position:absolute;top:30px;right:-30px;transform:rotate(-8deg);font-family:var(--font-display);font-weight:900;font-size:clamp(120px,28vw,200px);color:rgba(255,255,255,.05);letter-spacing:-.02em;pointer-events:none;white-space:nowrap;z-index:0;line-height:1}.kategoria-card-hero{padding:var(--space-lg) var(--space-lg) var(--space-md);position:relative;z-index:1;background:linear-gradient(180deg,rgba(15,21,32,.4) 0,rgba(15,21,32,.82) 100%),var(--bg-image,none) center /cover no-repeat}.kategoria-card-hero .eyebrow{font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;display:block;margin-bottom:var(--space-xs)}.kategoria-card-hero .eyebrow,.kategoria-card-hero h3{font-family:var(--font-display);color:var(--color-brand-gold)}.kategoria-card-hero h3{font-weight:900;font-size:clamp(48px,12vw,72px);letter-spacing:-.02em;line-height:.92}.kategoria-card-hero p{font-size:clamp(18px,4vw,22px);color:var(--color-text-light);margin-top:var(--space-xs);letter-spacing:-.005em;line-height:1.15;max-width:380px}.kategoria-card-hero .badge-visat,.kategoria-card-hero p{font-family:var(--font-display);font-weight:800;text-transform:uppercase}.kategoria-card-hero .badge-visat{display:inline-block;margin-top:var(--space-md);background:var(--color-brand-gold);color:var(--color-surface-dark);font-size:12px;letter-spacing:.1em;padding:6px 12px;border-radius:var(--radius-pill)}.kategoria-card-hero .description{font-family:var(--font-body);font-weight:400;font-size:15px;color:var(--color-text-muted-light);margin-top:var(--space-md);line-height:1.5;max-width:480px;text-transform:none;letter-spacing:0}.kategoria-card-quiz{background:rgba(0,0,0,.3);padding:var(--space-lg);position:relative;z-index:1}.kategoria-card-quiz .visa-name{font-family:var(--font-display);font-weight:800;font-size:clamp(18px,4.6vw,22px);line-height:1.25;color:var(--color-brand-gold,#e8a320);letter-spacing:.01em;margin-bottom:var(--space-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.kategoria-card-quiz .visa-title{font-family:var(--font-display);font-weight:800;font-size:16px;color:var(--color-text-light);display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid rgba(232,163,32,.3);margin-bottom:var(--space-md)}.kategoria-card-quiz .visa-title .count{font-size:13px;color:var(--color-text-muted-light);letter-spacing:.04em;flex-shrink:0}.kategoria-card-quiz .visa-progress{font-family:var(--font-display);font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-brand-gold);margin-bottom:var(--space-sm)}.kategoria-card-quiz .visa-question{font-family:var(--font-display);font-weight:800;font-size:clamp(20px,4.5vw,26px);line-height:1.2;color:var(--color-text-light);margin-bottom:var(--space-md)}.kategoria-card-quiz .visa-options{display:flex;flex-direction:column;gap:var(--space-sm)}.kategoria-card-quiz .visa-option{display:flex;align-items:center;gap:var(--space-md);padding:14px 16px;border:1.5px solid rgba(255,255,255,.15);border-radius:var(--radius-md);background:rgba(255,255,255,.04);color:var(--color-text-light);font-family:var(--font-body);font-weight:500;font-size:17px;transition:border-color .2s,background .2s,transform .18s var(--ease-out)}.kategoria-card-quiz .visa-option:hover{border-color:var(--color-brand-gold);background:rgba(232,163,32,.08);transform:translateY(-1px)}.kategoria-card-quiz .visa-option .badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:rgba(255,255,255,.1);border-radius:var(--radius-sm);font-family:var(--font-display);font-weight:800;font-size:14px;flex-shrink:0}.kuvavisa-cta-card .kategoria-card-hero{padding:var(--space-xl) var(--space-lg) var(--space-xl);min-height:220px;display:flex;flex-direction:column;justify-content:flex-end}.kuvavisa-cta-btn{margin-top:var(--space-md);align-self:flex-start}.kuvavisa-featured{position:relative;background:linear-gradient(180deg,rgba(15,21,32,.3) 0,rgba(15,21,32,.7) 100%),var(--bg-image,linear-gradient(160deg,rgba(30,58,95,.5),var(--color-surface-card-dark))) center /cover no-repeat,var(--color-surface-card-dark);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);padding:var(--space-lg);margin-bottom:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);overflow:hidden}.kuvavisa-featured .flag-stage{position:relative;aspect-ratio:3/2;background:linear-gradient(135deg,#4a7fcc,#2d4a85);border-radius:var(--radius-lg);overflow:hidden;display:flex;align-items:center;justify-content:center}.kuvavisa-featured .flag-stage .flag-emoji{font-size:120px}.pinnalla-featured-quiz .quiz-header{display:flex;align-items:center;gap:var(--space-md)}.pinnalla-featured-quiz .quiz-header .emoji{font-size:32px;flex-shrink:0}.pinnalla-featured-quiz .quiz-header h3{font-family:var(--font-display);font-weight:900;font-size:22px;color:var(--color-text-light);letter-spacing:-.01em;line-height:1;margin-bottom:4px}.pinnalla-featured-quiz .quiz-header h3 .countdown{color:var(--color-brand-gold);font-weight:800;font-size:18px}.pinnalla-featured-quiz .quiz-header p{font-family:var(--font-body);font-size:15px;color:var(--color-text-muted-light);line-height:1.4}.pinnalla-featured-quiz .quiz-progress{font-family:var(--font-display);font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-brand-gold)}.pinnalla-featured-quiz .quiz-question{font-family:var(--font-display);font-weight:800;font-size:clamp(24px,5vw,30px);line-height:1.15;color:var(--color-text-light)}.pinnalla-featured-quiz .quiz-options{display:flex;flex-direction:column;gap:var(--space-sm)}.pinnalla-featured-quiz .quiz-option{display:flex;align-items:center;gap:var(--space-md);padding:14px 16px;border:1.5px solid rgba(255,255,255,.15);border-radius:var(--radius-md);background:rgba(0,0,0,.2);color:var(--color-text-light);font-family:var(--font-body);font-weight:500;font-size:17px;transition:border-color .2s,background .2s,transform .18s var(--ease-out)}.pinnalla-featured-quiz .quiz-option:hover{border-color:var(--color-brand-gold);background:rgba(232,163,32,.08);transform:translateY(-1px)}.pinnalla-featured-quiz .quiz-option .badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:rgba(255,255,255,.1);border-radius:var(--radius-sm);font-family:var(--font-display);font-weight:800;font-size:14px;flex-shrink:0}.mid-promo{position:relative;margin:var(--space-2xl) var(--space-md);overflow:hidden;border-radius:var(--radius-xl)}.mid-promo .promo-image{position:absolute;inset:0;z-index:0}.mid-promo .promo-image img{width:100%;height:100%;object-fit:cover;object-position:center}.mid-promo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,21,32,.55),rgba(15,21,32,.85));z-index:1}.mid-promo .promo-content{position:relative;z-index:2;text-align:center;padding:var(--space-2xl) var(--space-md);max-width:var(--container-medium);margin:0 auto;min-height:480px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:var(--space-md)}.mid-promo .promo-eyebrow{font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--color-brand-gold)}.mid-promo h2{font-family:var(--font-display);font-weight:900;font-size:clamp(48px,12vw,88px);line-height:.92;letter-spacing:-.02em;color:var(--color-text-light)}.mid-promo h2 .gold{color:var(--color-brand-gold)}.mid-promo p{font-family:var(--font-body);font-size:19px;font-weight:500;color:var(--color-text-light);max-width:420px;line-height:1.4}@media (min-width:768px){.mid-promo{margin-left:auto;margin-right:auto;max-width:var(--container-wide)}.mid-promo .promo-content{min-height:560px;padding:var(--space-2xl) var(--space-xl)}.mid-promo p{font-size:22px}}.sankari-onnittelu{font-family:var(--font-display);font-weight:800;font-size:18px;color:var(--color-text-light);padding:var(--space-lg) var(--space-lg) var(--space-md);letter-spacing:.02em}.sankari-onnittelu .gold{color:var(--color-brand-gold)}.sankari-quiz-info{background:var(--color-surface-light);color:var(--color-surface-dark);border-radius:var(--radius-lg);margin:0 var(--space-md) var(--space-md);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm)}.sankari-quiz-info h4{font-family:var(--font-display);font-weight:800;font-size:18px;letter-spacing:.04em;color:var(--color-surface-dark);text-transform:uppercase}.sankari-quiz-info p{font-family:var(--font-body);font-size:15px;color:rgba(15,21,32,.7);line-height:1.45;margin-bottom:var(--space-sm)}.sankari-quiz-info .btn{align-self:stretch;text-align:center}.kategoria-ad{display:block;width:100%;max-width:var(--container-medium);margin:var(--space-2xl) 0;border-radius:var(--radius-xl);overflow:hidden;line-height:0;background:var(--color-surface-card-dark);transition:transform .2s var(--ease-out)}.kategoria-ad:hover{transform:translateY(-2px)}.kategoria-ad img{width:100%;height:auto;display:block}@media (min-width:768px){.kategoria-ad{margin:var(--space-2xl) auto}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.reveal{opacity:0;transform:translateY(16px);transition:opacity .55s var(--ease-out),transform .55s var(--ease-out);will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:none}.btn-primary{position:relative;overflow:hidden;isolation:isolate}.btn-primary:after{content:"";position:absolute;top:0;left:-150%;width:60%;height:100%;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.45) 50%,transparent 80%);transform:skewX(-20deg);animation:ctaShimmer 4.5s ease-in-out infinite;pointer-events:none;z-index:0}.btn-primary>*{position:relative;z-index:1}@keyframes ctaShimmer{0%{left:-150%}35%,to{left:150%}}.topbar{position:-webkit-sticky;position:sticky;z-index:50;transition:padding .2s var(--ease-out)}.topbar,.topbar:before{top:0;background:var(--color-surface-dark)}.topbar:before{content:"";position:absolute;bottom:0;left:50%;width:100vw;transform:translateX(-50%);border-bottom:1px solid rgba(255,255,255,.08);z-index:-1;transition:box-shadow .25s var(--ease-out),border-bottom-color .25s var(--ease-out)}body.is-scrolled .topbar:before{box-shadow:0 6px 20px -6px rgba(0,0,0,.6)}body.is-scrolled .topbar{padding-top:var(--space-md);padding-bottom:var(--space-sm)}.kuvavisa-featured .flag-stage .flag-emoji{display:inline-block;transform-origin:50% 80%;animation:flagWave 3.2s ease-in-out infinite}@keyframes flagWave{0%,to{transform:skewX(0deg) rotate(0deg)}25%{transform:skewX(-3deg) rotate(-1deg)}50%{transform:skewX(0deg) rotate(0deg)}75%{transform:skewX(3deg) rotate(1deg)}}.hero-title .tieto-line{animation:heroSlideInLeft .75s var(--ease-out) both}.hero-title .niekka-line{animation:heroSlideInRight .75s var(--ease-out) .12s both}@keyframes heroSlideInLeft{0%{opacity:0;transform:translateX(-22%)}to{opacity:1;transform:none}}@keyframes heroSlideInRight{0%{opacity:0;transform:translateX(22%)}to{opacity:1;transform:none}}.quiz-option.is-clicked,.visa-option.is-clicked{background:var(--color-brand-gold)!important;color:var(--color-surface-dark)!important;border-color:var(--color-brand-gold)!important;transform:scale(1.015);box-shadow:var(--shadow-gold);transition:background .15s,color .15s,border-color .15s,transform .15s,box-shadow .15s}.quiz-option.is-clicked .badge,.visa-option.is-clicked .badge{background:rgba(15,21,32,.18);color:var(--color-surface-dark)}@media (min-width:1024px){:root{--container-wide:1200px}.container-wide{padding:0 var(--space-xl)}.section-header{font-size:40px;padding:112px 0 16px}.section-header .icon{font-size:42px}.section-subtitle{font-size:21px;padding-bottom:40px;max-width:680px}.topbar{padding:28px 40px 20px;max-width:1280px}.logo .niekka,.logo .tieto{font-size:34px}.logo .tagline{font-size:12px;margin-top:4px}.date{font-size:16px;margin-top:10px}.hero-content{padding:80px 40px 40px;gap:80px;align-items:center}.hero-text{flex:1.1 1;gap:var(--space-lg)}.hero-image{flex:1 1;max-width:600px}.hero-subtitle{font-size:24px;max-width:480px}.hero-cta.btn-large{padding:18px 36px;font-size:20px}.hero-strip{padding:18px var(--space-md);font-size:18px;margin-top:64px}.paivan-visa .featured-quiz,.pinnalla-nyt .featured-quiz{max-width:860px;margin-left:auto;margin-right:auto;padding:40px 48px}.featured-quiz .quiz-header h3,.pinnalla-featured-quiz .quiz-header h3{font-size:28px}.featured-quiz .quiz-header p,.pinnalla-featured-quiz .quiz-header p{font-size:17px}.featured-quiz .quiz-progress,.pinnalla-featured-quiz .quiz-progress{font-size:14px}.featured-quiz .quiz-question,.pinnalla-featured-quiz .quiz-question{font-size:34px;line-height:1.18}.featured-quiz .quiz-options,.pinnalla-featured-quiz .quiz-options{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-sm);gap:var(--space-sm)}.featured-quiz .quiz-option,.pinnalla-featured-quiz .quiz-option{font-size:19px;padding:16px 18px}.pinnalla-strip{gap:var(--space-lg)}.event-card{padding:32px 24px;gap:var(--space-md)}.event-card img{max-width:160px}.event-card .event-name{font-size:17px}.event-card .days{font-size:52px}.event-card .suffix{font-size:13px}.paivan-sankari .sankari-card{display:grid;grid-template-columns:460px 1fr;max-width:1120px;margin:0 auto;align-items:stretch}.paivan-sankari .sankari-photo{aspect-ratio:4/5;height:100%}.paivan-sankari .age-pill{font-size:14px;padding:8px 16px}.paivan-sankari .sankari-name{font-size:56px}.paivan-sankari .sankari-meta{font-size:14px}.paivan-sankari .sankari-onnittelu{padding:40px 40px 16px;font-size:28px}.paivan-sankari .sankari-quiz-info{margin:0 40px 40px;padding:36px;align-self:start}.paivan-sankari .sankari-quiz-info h4{font-size:26px}.paivan-sankari .sankari-quiz-info p{font-size:17px;line-height:1.5}.paivan-sankari .sankari-quiz-info .btn{align-self:flex-start;font-size:19px;padding:18px 32px}.mid-promo .promo-content{max-width:920px;min-height:620px}.mid-promo p{font-size:24px}.kategoria-inline-card{display:grid;grid-template-columns:1fr 1fr;margin-bottom:var(--space-2xl)}.kategoria-inline-card:before{font-size:clamp(180px,24vw,280px);top:32px;right:-24px}.kategoria-card-hero{padding:64px 48px;display:flex;flex-direction:column;justify-content:center}.kategoria-card-hero h3{font-size:clamp(80px,7vw,104px)}.kategoria-card-hero p{font-size:26px;max-width:460px}.kategoria-card-hero .description{font-size:17px;max-width:480px}.kategoria-card-hero .badge-visat{font-size:14px;padding:8px 16px}.kategoria-card-quiz{padding:48px;display:flex;flex-direction:column;justify-content:center;background:rgba(0,0,0,.35)}.kategoria-card-quiz .visa-name{font-size:22px}.kategoria-card-quiz .visa-title{font-size:18px}.kategoria-card-quiz .visa-progress,.kategoria-card-quiz .visa-title .count{font-size:14px}.kategoria-card-quiz .visa-question{font-size:30px;line-height:1.2}.kategoria-card-quiz .visa-options{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-sm);gap:var(--space-sm)}.kategoria-card-quiz .visa-option{font-size:19px;padding:16px 18px}.kuvavisa-featured{display:grid;grid-template-columns:420px 1fr;grid-gap:24px 48px;gap:24px 48px;align-items:start;padding:40px 48px;margin-bottom:var(--space-xl)}.kuvavisa-featured>.quiz-header{grid-column:1/-1}.kuvavisa-featured .quiz-header h3{font-size:28px}.kuvavisa-featured .quiz-header p{font-size:17px}.kuvavisa-featured>.flag-stage{grid-column:1;grid-row:2/span 3;aspect-ratio:4/3;align-self:stretch}.kuvavisa-featured .flag-stage .flag-emoji{font-size:200px}.kuvavisa-featured>.quiz-progress{grid-column:2;font-size:14px}.kuvavisa-featured>.quiz-question{grid-column:2;font-size:30px;line-height:1.18}.kuvavisa-featured>.quiz-options{grid-column:2;display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-sm);gap:var(--space-sm)}.kuvavisa-featured .quiz-option{display:flex;align-items:center;gap:var(--space-md);padding:16px 18px;border:1.5px solid rgba(255,255,255,.15);border-radius:var(--radius-md);background:rgba(0,0,0,.2);color:var(--color-text-light);font-family:var(--font-body);font-weight:500;font-size:19px;transition:border-color .2s,background .2s,transform .18s var(--ease-out)}.kuvavisa-featured .quiz-option:hover{border-color:var(--color-brand-gold);background:rgba(232,163,32,.08);transform:translateY(-1px)}.kuvavisa-featured .quiz-option .badge{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:rgba(255,255,255,.1);border-radius:var(--radius-sm);font-family:var(--font-display);font-weight:800;font-size:15px;flex-shrink:0}.kuvavisa-card{min-height:260px;padding:24px}.kuvavisa-card .kuvavisa-emoji{font-size:56px}.kuvavisa-card h3{font-size:19px}.kuvavisa-card p{font-size:13px}.alaluokka-badge{font-size:12px;padding:5px 12px}.arvo-satunnainen{padding:0}.arvo-satunnainen>.container-wide{max-width:none;padding:0}.arvo-card{max-width:none;margin:0;border:none;border-radius:0;min-height:640px;padding:96px 48px 80px}.arvo-card h2{font-size:80px;max-width:900px}.arvo-card h2,.arvo-card p{margin-left:auto;margin-right:auto}.arvo-card p{font-size:22px;max-width:600px;margin-bottom:var(--space-xl)}.arvo-card .btn{font-size:22px;padding:20px 40px}.footer{padding:var(--space-2xl) var(--space-md)}.footer-logo{font-size:22px}.footer-meta{font-size:14px}}.sankari-quiz-info .eyebrow{font-weight:800;font-size:13px;color:rgba(15,21,32,.55);margin:0}.sankari-quiz-info .eyebrow,.sankari-quiz-info .quiz-progress{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase}.sankari-quiz-info .quiz-progress{font-weight:700;font-size:12px;color:var(--color-brand-gold);margin-top:var(--space-xs)}.sankari-quiz-info .quiz-question{font-family:var(--font-display);font-weight:800;font-size:clamp(22px,4vw,28px);line-height:1.18;color:var(--color-surface-dark);text-transform:none;letter-spacing:0;margin:0}.sankari-quiz-info .quiz-options{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-xs)}.sankari-quiz-info .quiz-option{display:flex;align-items:center;gap:var(--space-md);padding:14px 16px;border:1.5px solid rgba(15,21,32,.18);border-radius:var(--radius-md);background:rgba(15,21,32,.04);color:var(--color-surface-dark);font-family:var(--font-body);font-weight:500;font-size:17px;transition:border-color .2s,background .2s,transform .18s var(--ease-out)}.sankari-quiz-info .quiz-option:hover{border-color:var(--color-brand-gold);background:rgba(232,163,32,.1);transform:translateY(-1px)}.sankari-quiz-info .quiz-option .badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:rgba(15,21,32,.1);border-radius:var(--radius-sm);font-family:var(--font-display);font-weight:800;font-size:14px;color:var(--color-surface-dark);flex-shrink:0}.sankari-quiz-info .quiz-option.is-clicked,.sankari-quiz-info .quiz-option.is-clicked .badge{background:var(--color-brand-gold);border-color:var(--color-brand-gold)}.sankari-quiz-info .btn{margin-top:var(--space-sm)}a.sankari-photo{display:block;text-decoration:none}.peli{--peli-navy:var(--color-surface-dark);--peli-gold:var(--color-brand-gold);--peli-gold-light:#f5bc45;--peli-cream:#f4ede0;--peli-cream-2:#ece3d1;--peli-correct:#2e7d52;--peli-wrong:#c0392b;--peli-white:#ffffff;--peli-ink:#0f1520;--peli-muted:rgba(15,21,32,0.55);--peli-shadow-lg:0 20px 60px -20px rgba(15,21,32,0.45);--peli-shadow-md:0 8px 24px -8px rgba(15,21,32,0.35);position:relative;min-height:100vh;min-height:100dvh;background:var(--peli-cream);color:var(--peli-ink);overflow-x:hidden;font-family:var(--font-body)}.peli:before{content:"";background-image:repeating-linear-gradient(-45deg,transparent,transparent 22px,rgba(15,21,32,.035) 0,rgba(15,21,32,.035) 23px);z-index:0}.peli-vignette,.peli:before{position:fixed;inset:0;pointer-events:none}.peli-vignette{z-index:5;background:radial-gradient(ellipse at center,transparent 50%,rgba(192,57,43,.18) 100%);opacity:0;transition:opacity .3s ease}.peli-vignette[data-active=true]{opacity:1}.peli-app{position:relative;z-index:1;max-width:520px;margin:0 auto;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding:env(safe-area-inset-top,0) 16px env(safe-area-inset-bottom,0)}.peli-loading{margin:auto;font-family:var(--font-display);font-weight:800;font-size:18px;color:var(--peli-muted);letter-spacing:.04em}.peli-topbar{gap:12px;padding:16px 4px 12px}.peli-logo,.peli-topbar{display:flex;align-items:center}.peli-logo{font-family:var(--font-display);font-weight:800;font-size:20px;letter-spacing:.01em;gap:2px;text-decoration:none}.peli-logo .tieto{color:var(--peli-gold)}.peli-logo .niekka{color:var(--peli-navy)}.peli-topbar .spacer{flex:1 1}.peli-icon-btn{width:36px;height:36px;border-radius:999px;border:1.5px solid rgba(15,21,32,.15);background:transparent;display:grid;place-items:center;cursor:pointer;transition:background .2s,transform .15s;color:var(--peli-navy);font-size:16px}.peli-icon-btn:hover{background:rgba(15,21,32,.06)}.peli-icon-btn:active{transform:scale(.92)}.peli-icon-btn[data-on=true]{background:var(--peli-navy);color:var(--peli-white);border-color:var(--peli-navy)}.peli-intro{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 16px 60px;gap:16px}.peli-kicker{font-weight:800;font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:var(--peli-muted)}.peli-h1,.peli-kicker{font-family:var(--font-display)}.peli-h1{font-weight:900;font-size:clamp(40px,11vw,76px);line-height:.95;letter-spacing:-.02em;color:var(--peli-navy);overflow-wrap:anywhere;word-break:break-word;text-wrap:balance;max-width:100%}.peli-intro-text{font-family:var(--font-body);font-size:17px;line-height:1.45;color:var(--peli-muted);max-width:380px;margin:8px 0 12px}.peli-btn-primary{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:linear-gradient(135deg,var(--peli-gold),var(--peli-gold-light));color:var(--peli-navy);font-family:var(--font-display);font-weight:800;font-size:17px;letter-spacing:.04em;padding:16px 32px;border-radius:999px;cursor:pointer;box-shadow:var(--peli-shadow-md);transition:transform .15s var(--ease-out),box-shadow .2s;text-decoration:none;display:inline-block}.peli-btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 32px -10px rgba(232,163,32,.45)}.peli-btn-primary:active{transform:scale(.97)}.peli-btn-ghost{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1.5px solid rgba(15,21,32,.2);background:transparent;color:var(--peli-navy);font-family:var(--font-display);font-weight:800;font-size:15px;letter-spacing:.04em;padding:14px 24px;border-radius:999px;cursor:pointer;transition:background .15s,transform .15s;text-decoration:none;display:inline-block}.peli-btn-ghost:hover{background:rgba(15,21,32,.06)}.peli-btn-ghost:active{transform:scale(.97)}.peli-game{flex:1 1;display:flex;flex-direction:column;gap:14px}.peli-stats-row{display:flex;align-items:center;gap:10px;padding:0 4px 8px}.peli-progress{flex:1 1;height:6px;background:rgba(15,21,32,.08);border-radius:999px;overflow:hidden}.peli-progress-fill{height:100%;background:linear-gradient(90deg,var(--peli-gold),var(--peli-gold-light));border-radius:999px;transition:width .5s var(--ease-out)}.peli-score-pill,.peli-streak-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-family:var(--font-display);font-weight:800;font-size:13px;letter-spacing:.04em;white-space:nowrap}.peli-score-pill{background:var(--peli-navy);color:var(--peli-white)}.peli-score-pill .score-value{color:var(--peli-gold);min-width:1ch;display:inline-block}.peli-streak-pill{background:linear-gradient(135deg,var(--peli-gold),var(--peli-gold-light));color:var(--peli-navy)}.peli-streak-pill.bump{animation:peliStreakBump .5s var(--ease-spring)}@keyframes peliStreakBump{0%{transform:scale(1)}40%{transform:scale(1.25) rotate(-3deg)}to{transform:scale(1) rotate(0deg)}}.peli-card{flex:1 1;display:flex;flex-direction:column;gap:16px;padding:18px 16px 22px;background:var(--peli-white);border-radius:20px;box-shadow:var(--peli-shadow-lg);margin-bottom:16px;position:relative;overflow:hidden}.peli-q-header{display:flex;align-items:center;gap:14px}.peli-q-meta{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.peli-q-label{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--peli-muted)}.peli-q-counter,.peli-q-label{font-family:var(--font-display);font-weight:800}.peli-q-counter{font-size:15px;color:var(--peli-navy)}.peli-q-header .spacer{flex:1 1}.peli-timer{position:relative;width:52px;height:52px}.peli-timer .bg-ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(var(--peli-gold) var(--pct,100%),rgba(15,21,32,.08) 0);transition:background .3s}.peli-timer .inner{position:absolute;inset:4px;background:var(--peli-white);border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:20px;color:var(--peli-navy)}.peli-timer.warn .bg-ring{background:conic-gradient(#f59e0b var(--pct,100%),rgba(15,21,32,.08) 0)}.peli-timer.danger .bg-ring{background:conic-gradient(var(--peli-wrong) var(--pct,100%),rgba(15,21,32,.08) 0);animation:peliTimerPulse .9s infinite}@keyframes peliTimerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.peli-image-stage{position:relative;aspect-ratio:3/2;width:100%;border-radius:14px;overflow:hidden;background:var(--peli-cream-2);box-shadow:var(--peli-shadow-md)}.peli-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.peli-q-text{font-family:var(--font-display);font-weight:800;font-size:21px;line-height:1.2;color:var(--peli-navy)}.peli-options{display:flex;flex-direction:column;gap:10px}.peli-opt{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--peli-cream);border:1.5px solid rgba(15,21,32,.1);color:var(--peli-navy);font-family:var(--font-body);font-size:16px;font-weight:600;padding:14px;border-radius:14px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;transition:transform .15s,background .2s,border-color .2s;text-align:left}.peli-opt:hover:not(:disabled){background:var(--peli-cream-2);border-color:rgba(15,21,32,.2)}.peli-opt:active:not(:disabled){transform:scale(.98)}.peli-opt:disabled{cursor:default}.peli-opt-label{display:inline-flex;align-items:center;gap:12px}.peli-opt-letter{display:inline-grid;place-items:center;height:26px;border-radius:6px;background:rgba(15,21,32,.08);font-weight:800;font-size:14px;color:var(--peli-navy);flex-shrink:0}.peli-opt-badge,.peli-opt-letter{width:26px;font-family:var(--font-display)}.peli-opt-badge{font-weight:900;font-size:18px;text-align:center}.peli-opt.correct{background:rgba(46,125,82,.12);border-color:var(--peli-correct);color:var(--peli-correct)}.peli-opt.correct .peli-opt-letter{background:var(--peli-correct);color:var(--peli-white)}.peli-opt.correct .peli-opt-badge{color:var(--peli-correct)}.peli-opt.wrong{background:rgba(192,57,43,.1);border-color:var(--peli-wrong);color:var(--peli-wrong)}.peli-opt.wrong .peli-opt-letter{background:var(--peli-wrong);color:var(--peli-white)}.peli-opt.wrong .peli-opt-badge{color:var(--peli-wrong)}.peli-fact{background:var(--peli-cream-2);padding:14px 16px;border-radius:12px;border-left:4px solid var(--peli-gold);display:flex;flex-direction:column;gap:4px;opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s}.peli-fact.show{opacity:1;transform:translateY(0)}.peli-fact .label{font-family:var(--font-display);font-weight:800;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--peli-gold)}.peli-fact .body{font-family:var(--font-body);font-size:15px;color:var(--peli-navy);line-height:1.45}.peli-next-wrap{display:flex;justify-content:center;margin-top:4px;position:-webkit-sticky;position:sticky;bottom:12px;z-index:20;padding-top:14px;padding-bottom:max(4px,env(safe-area-inset-bottom,4px));background:linear-gradient(to top,var(--peli-cream) 55%,rgba(244,237,224,0));pointer-events:none}.peli-next-wrap>*{pointer-events:auto}@media (max-width:640px){.peli-next-wrap{position:fixed;left:16px;right:16px;bottom:max(12px,env(safe-area-inset-bottom,12px));margin:0 auto;max-width:488px;z-index:50}.peli-game{padding-bottom:88px}}.peli-end{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 16px 60px;gap:14px}.peli-trophy{font-size:64px;line-height:1}.peli-end-h2{font-size:38px;letter-spacing:-.01em;color:var(--peli-navy)}.peli-big-score,.peli-end-h2{font-family:var(--font-display);font-weight:900}.peli-big-score{font-size:64px;line-height:1;color:var(--peli-gold)}.peli-big-score small{font-size:24px;color:var(--peli-muted)}.peli-percentile{font-family:var(--font-body);font-size:16px;color:var(--peli-navy)}.peli-percentile b{color:var(--peli-gold)}.peli-end-actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap;justify-content:center}@media (prefers-reduced-motion:reduce){.peli *,.peli :after,.peli :before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width:380px){.peli-h1{font-size:38px}.peli-q-text{font-size:19px}.peli-opt{font-size:15px;padding:12px}}.kategoria-page{background:var(--color-surface-dark);min-height:100vh;min-height:100dvh;color:var(--color-text-light);display:flex;flex-direction:column}.kategoria-page .topbar{display:flex;align-items:center;padding:var(--space-lg) var(--space-md);border-bottom:1px solid rgba(255,255,255,.08);max-width:var(--container-wide);margin:0 auto;width:100%}.kategoria-page .logo{text-decoration:none}.kategoria-hero{position:relative;padding:var(--space-2xl) var(--space-md);min-height:60vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(15,21,32,.55) 0,rgba(15,21,32,.92) 100%),var(--bg-image,none) center /cover no-repeat,var(--kat-color)}.kategoria-hero-content{max-width:var(--container-medium);width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-md)}.kategoria-eyebrow{font-family:var(--font-display);font-weight:800;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--color-brand-gold)}.kategoria-title{font-family:var(--font-display);font-weight:900;font-size:clamp(56px,14vw,120px);line-height:.92;letter-spacing:-.02em;color:var(--color-text-light)}.kategoria-tagline{font-weight:700;font-size:clamp(18px,3vw,22px);letter-spacing:.04em;color:rgba(255,255,255,.85)}.kategoria-badge,.kategoria-tagline{font-family:var(--font-display);text-transform:uppercase}.kategoria-badge{display:inline-flex;align-items:center;padding:8px 16px;background:var(--color-brand-gold);color:var(--color-surface-dark);font-weight:800;font-size:14px;letter-spacing:.06em;border-radius:var(--radius-pill)}.kategoria-intro{font-family:var(--font-body);font-size:clamp(17px,2.4vw,19px);line-height:1.5;color:rgba(255,255,255,.85);max-width:600px;margin-top:var(--space-sm)}.kategoria-cta{margin-top:var(--space-lg);font-size:clamp(17px,2.4vw,20px);padding:18px 32px}@media (min-width:768px){.kategoria-hero{padding:120px 40px;min-height:70vh}}.kategoria-card-hero-link{display:block;text-decoration:none;color:inherit;cursor:pointer;transition:filter .2s ease}.kategoria-card-hero-link:hover{filter:brightness(1.1)}.sankari-page{background:var(--color-surface-dark);color:var(--color-text-light);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.sankari-page .topbar{display:flex;align-items:center;padding:var(--space-lg) var(--space-md);border-bottom:1px solid rgba(255,255,255,.08);max-width:var(--container-wide);margin:0 auto;width:100%}.sankari-page .logo{text-decoration:none}.sankari-hero{position:relative;display:flex;flex-direction:column}.sankari-hero-photo{position:relative;width:100%;aspect-ratio:16/13;overflow:hidden;background:var(--color-surface-card-dark)}.sankari-hero-photo img{width:100%;height:100%;object-fit:cover;display:block}.sankari-hero-photo:after{content:"";position:absolute;inset:50% 0 0 0;background:linear-gradient(180deg,transparent,rgba(15,21,32,.92));pointer-events:none}.sankari-wiki-credit{position:absolute;bottom:6px;right:8px;font-size:10px;color:rgba(255,255,255,.6);z-index:2}.sankari-hero-content{position:relative;margin-top:-120px;padding:0 var(--space-md) var(--space-lg);z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-sm);max-width:var(--container-medium);margin-left:auto;margin-right:auto;width:100%}.sankari-eyebrow{font-size:13px;letter-spacing:.18em;color:var(--color-brand-gold)}.sankari-age-pill,.sankari-eyebrow{font-family:var(--font-display);font-weight:800;text-transform:uppercase}.sankari-age-pill{display:inline-flex;align-items:center;padding:8px 16px;background:var(--color-brand-gold);color:var(--color-surface-dark);font-size:14px;letter-spacing:.06em;border-radius:var(--radius-pill)}.sankari-name{font-family:var(--font-body);font-weight:800;font-size:clamp(40px,9vw,64px);line-height:1;letter-spacing:.01em;color:var(--color-text-light)}.sankari-meta{font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:.12em;color:var(--color-text-muted-light);text-transform:uppercase}.sankari-bio-section{padding:var(--space-xl) var(--space-md) var(--space-2xl)}.sankari-bio-content{max-width:var(--container-medium);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-lg);align-items:flex-start}.sankari-bio{font-family:var(--font-body);font-size:clamp(17px,2.4vw,19px);line-height:1.55;color:rgba(255,255,255,.85)}.sankari-cta{font-size:clamp(17px,2.4vw,20px);padding:18px 32px}@media (min-width:768px){.sankari-hero{flex-direction:row;align-items:stretch;max-width:var(--container-wide);margin:0 auto;padding:var(--space-2xl) var(--space-md) 0;gap:var(--space-xl)}.sankari-hero-photo{flex:1 1;aspect-ratio:4/5;border-radius:var(--radius-xl);max-width:480px}.sankari-hero-photo:after{inset:60% 0 0 0;border-radius:var(--radius-xl)}.sankari-hero-content{flex:1 1;margin-top:0;padding:var(--space-xl) 0;justify-content:center;max-width:none}.sankari-name{font-size:clamp(48px,6vw,72px)}.sankari-bio-section{padding:var(--space-2xl) var(--space-md)}}