:root{--night:#17123a;--night-deep:#0f0b2a;--surface:#221b52;--line:#3a3275;--chalk:#f2f0ff;--muted:#b8b2e0;--amber:#ffb627;--glow:77, 124, 255;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:var(--night);color:var(--chalk);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.55}button,input{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--amber);outline-offset:3px}[hidden]{display:none!important}.wrap{max-width:640px;padding:28px max(16px, env(safe-area-inset-right)) 56px max(16px, env(safe-area-inset-left));margin:0 auto}.wrap.wide{max-width:1080px}.wordmark{letter-spacing:.04em;color:var(--amber);margin:0;font-size:24px;font-weight:800;line-height:1}.sky-glow{z-index:0;pointer-events:none;background:radial-gradient(ellipse 70% 45% at 50% 8%, rgba(var(--glow), .32), transparent 70%), radial-gradient(ellipse 55% 40% at 12% 95%, rgba(var(--glow), .14), transparent 70%), radial-gradient(ellipse 45% 35% at 92% 70%, rgba(var(--glow), .1), transparent 70%);animation:9s ease-in-out infinite alternate sky-breathe;position:fixed;inset:0}@keyframes sky-breathe{0%{opacity:.8}to{opacity:1}}.quiz-header,main{z-index:1;position:relative}.quiz-header{max-width:1180px;padding:20px max(16px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left));justify-content:space-between;align-items:center;gap:16px;margin:0 auto;display:flex}.brand{align-items:center;text-decoration:none;display:inline-flex}.brand:hover{filter:brightness(1.1)}.brand-logo{width:auto;height:34px;display:none}.brand.has-logo .brand-logo{display:block}.brand.has-logo .brand-text{display:none}.trailer-btn{white-space:nowrap;gap:8px}.trailer-btn .play{width:14px;height:14px;fill:var(--amber);flex:none}.intro .billboard{margin-top:18px}.billboard{border:3px solid var(--amber);background:repeating-linear-gradient(0deg, #ffffff09 0 2px, transparent 2px 7px), var(--night-deep);border-radius:12px;margin:30px 0 46px;padding:30px 22px 34px;position:relative;box-shadow:0 0 36px #ffb62747,inset 0 0 26px #ffb6271f}.billboard:before,.billboard:after{content:"";background:var(--line);width:10px;height:24px;position:absolute;bottom:-27px}.billboard:before{left:20%}.billboard:after{right:20%}.billboard h1{letter-spacing:-.02em;color:var(--amber);text-shadow:0 0 20px #ffb6278c;margin:0;font-size:clamp(40px,min(13vw,17vh),84px);font-weight:800;line-height:1.02}.intro h2{margin:0 0 12px;font-size:clamp(24px,6vw,30px);font-weight:700;line-height:1.25}.intro p{max-width:34em;margin:0 0 14px}.muted{color:var(--muted)}.small{font-size:15px}.intro .primary-btn{margin:14px 0 34px}.niko-box{border:1.5px solid var(--line);background:var(--surface);border-radius:12px;max-width:36em;margin-top:32px;padding:24px}.niko-box h3{color:var(--amber);letter-spacing:.01em;margin:0 0 10px;font-size:18px;font-weight:800}.niko-box p{margin:0}.niko-box .niko-age{color:var(--muted);margin-top:10px;font-size:14px}.niko-box a{color:var(--amber)}.result .niko-box{margin:0 0 18px}.primary-btn{background:var(--amber);min-height:54px;color:var(--night);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 30px;font-size:18px;font-weight:700;display:inline-flex}.primary-btn:hover{filter:brightness(1.07)}.ghost-btn{cursor:pointer;border:1.5px solid var(--line);min-height:48px;color:var(--chalk);background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:0 22px;font-weight:600;text-decoration:none;display:inline-flex}.ghost-btn:hover{border-color:var(--amber)}.ghost-btn.compact{min-height:40px;font-size:15px}.text-btn{cursor:pointer;color:var(--muted);text-underline-offset:3px;background:0 0;border:0;padding:10px 0;text-decoration:underline}.text-btn:hover{color:var(--chalk)}.q-head{justify-content:flex-start;align-items:center;gap:16px;display:flex}.q-count{color:var(--muted);font-size:15px}.progress{grid-template-columns:repeat(12,1fr);gap:5px;margin:16px 0 34px;display:grid}.progress span{background:var(--line);border-radius:3px;height:6px}.progress span.done{background:var(--amber)}.progress span.now{background:var(--chalk)}.prompt{outline:none;margin:0 0 26px;font-size:clamp(23px,5.6vw,30px);font-weight:600;line-height:1.3}.answers{gap:12px;display:grid}.answer{text-align:left;cursor:pointer;border:1.5px solid var(--line);background:var(--surface);border-radius:14px;padding:17px 20px;font-size:17px;line-height:1.4;transition:border-color .12s,background-color .12s}@media (hover:hover){.answer:hover{border-color:var(--amber)}}.answer.picked{background:var(--amber);border-color:var(--amber);color:var(--night)}.q-foot{min-height:44px;margin-top:18px}.ni-wewe{letter-spacing:-.02em;color:var(--amber);margin:0;font-size:clamp(36px,9vw,54px);font-weight:800;line-height:1.05}.you-are{margin:8px 0 24px;font-size:20px;font-weight:600}.result-hero{--acc:var(--amber);align-items:center;gap:20px;display:flex}.result-hero .you-are{margin-bottom:0}#screen-result .result-hero{margin-bottom:28px}.char-photo{border:3px solid var(--acc);width:96px;height:120px;box-shadow:0 0 18px var(--acc), inset 0 0 12px #0006;background:radial-gradient(circle at 50% 30%, #ffffff14, transparent 70%), var(--night-deep);--hologram:0;--tint:0;--scanlines:0;--colourSplit:0;--scale:1;--offsetX:0;--offsetY:0;border-radius:14px;flex:none;margin:0;position:relative;overflow:hidden}.char-photo img{object-fit:cover;object-position:50% 15%;transform-origin:50% 20%;width:100%;height:100%;transform:translate(calc(var(--offsetX) * 100%), calc(var(--offsetY) * 100%)) scale(var(--scale));opacity:calc(1 - .2 * var(--hologram));filter:drop-shadow(calc(var(--colourSplit) * var(--hologram) * -3px) 0 0 #ff28508c) drop-shadow(calc(var(--colourSplit) * var(--hologram) * 3px) 0 0 #00e6ff8c);display:block}.char-photo:before{content:"";z-index:1;pointer-events:none;background:var(--acc);mix-blend-mode:color;opacity:calc(var(--tint) * var(--hologram) * .8);position:absolute;inset:0}.char-photo:after{content:"";z-index:2;pointer-events:none;opacity:calc(var(--scanlines) * var(--hologram));background:repeating-linear-gradient(0deg,#0a081ed9 0 1px,#0000 1px 4px);position:absolute;inset:0}.char-photo.holo-flicker img{animation:4s step-end infinite holo-flicker}@keyframes holo-flicker{0%,to{opacity:calc(1 - .2 * var(--hologram))}47%{opacity:calc(1 - .2 * var(--hologram))}48%{opacity:calc(.55 + .2 * (1 - var(--hologram)));transform:translate(calc(var(--offsetX) * 100% + 2px), calc(var(--offsetY) * 100%)) scale(var(--scale))}49%{opacity:calc(1 - .2 * var(--hologram))}82%{opacity:calc(.7 + .1 * (1 - var(--hologram)))}83%{opacity:calc(1 - .2 * var(--hologram))}}@media (prefers-reduced-motion:reduce){.char-photo.holo-flicker img{animation:none}}@media (width>=720px){.char-photo{width:130px;height:162px}.result-hero{gap:28px}}.result{gap:30px;display:grid}.card-img{background:var(--night-deep);aspect-ratio:9/16;border-radius:18px;width:100%;max-width:min(400px,46.125vh);height:auto;display:block;box-shadow:0 20px 60px #00000080}.flicker{animation:.9s step-end both flicker}@keyframes flicker{0%{opacity:0}12%{opacity:.85}18%{opacity:.15}30%{opacity:1}38%{opacity:.45}52%,to{opacity:1}}.result h2{margin:0 0 10px;font-size:22px;line-height:1.3}.reasons{margin:0 0 14px;padding-left:22px}.reasons li{margin:6px 0}.block{margin-bottom:30px}.field label{font-weight:600;display:block}.field .hint{color:var(--muted);margin:2px 0 10px;font-size:15px}.field input{border:1.5px solid var(--line);background:var(--night-deep);border-radius:12px;width:100%;max-width:320px;min-height:48px;padding:0 14px}.actions{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.status{min-height:1.5em;color:var(--muted);margin-top:10px;font-size:15px}@media (width>=720px){.result{grid-template-columns:minmax(260px,340px) 1fr;align-items:start;gap:40px}}@media (width>=900px){.result{grid-template-columns:400px 1fr;gap:56px}}@media (width>=1280px){body{font-size:18px}.wrap{max-width:720px;padding-top:48px}.wrap.wide{max-width:1180px}.result{grid-template-columns:440px 1fr;gap:72px}.card-img{max-width:min(440px,46.125vh)}.prompt{font-size:32px}.answer{padding:19px 22px;font-size:18px}}@media (width>=1920px){body{font-size:20px}.wrap{max-width:900px;padding-top:7vh}.wrap.wide{max-width:1520px}.wordmark{font-size:30px}.quiz-header{max-width:1560px;padding-top:32px}.brand-logo{height:44px}.billboard{border-width:4px;margin:40px 0 60px;padding:44px 34px 48px}.billboard:before,.billboard:after{width:14px;height:32px;bottom:-36px}.billboard h1{font-size:clamp(84px,6vw,132px)}.intro h2{font-size:40px}.small,.q-count,.status{font-size:17px}.primary-btn{min-height:64px;padding:0 38px;font-size:21px}.ghost-btn{min-height:56px;padding:0 28px}.ghost-btn.compact{min-height:48px;font-size:17px}.niko-box{max-width:40em;padding:30px}.niko-box h3{font-size:22px}.progress span{border-radius:4px;height:8px}.prompt{margin-bottom:34px;font-size:42px}.answers{gap:14px}.answer{border-radius:16px;padding:24px 26px;font-size:21px}.ni-wewe{font-size:76px}.char-photo{width:170px;height:212px}.you-are{font-size:26px}.result{grid-template-columns:560px 1fr;gap:96px}.card-img{border-radius:22px;max-width:min(560px,46.125vh)}.result h2{font-size:28px}.field input{max-width:380px;min-height:56px}.field .hint{font-size:17px}}@media (height<=520px) and (orientation:landscape){.quiz-header{padding-top:10px}.wrap{padding-top:16px;padding-bottom:32px}.billboard{margin:18px 0 34px;padding:18px 20px 22px}.ni-wewe{font-size:34px}.progress{margin:10px 0 18px}.prompt{margin-bottom:16px;font-size:21px}.answers{grid-template-columns:1fr 1fr;gap:10px}.answer{padding:12px 16px;font-size:15px}}@media (width<=360px){body{font-size:16px}.answer{padding:15px 16px;font-size:16px}.primary-btn{padding:0 24px}}@media (prefers-reduced-motion:reduce){.sky-glow{animation:none}.answer{transition:none}.flicker{animation:none}}