.krilliok-page{background:var(--blue);color:#fff;min-height:100dvh;position:relative;overflow:hidden}.krilliok-nav{z-index:1;justify-content:space-between;align-items:center;gap:20px;padding-block:26px;display:flex;position:relative}.krilliok-nav a{align-items:center;gap:10px;min-height:44px;display:inline-flex}.krilliok-stage{z-index:1;max-width:920px;padding-block:40px 64px;position:relative}.krilliok-stage h1{text-align:center;font-size:clamp(52px,9vw,92px);font-weight:800;line-height:1.05}.krilliok-stage h1 span{color:#baf2e5;margin-top:20px;font-size:clamp(22px,4vw,34px);display:block}.krilliok-intro{text-align:center;color:#e7eaff;max-width:620px;margin:24px auto 40px;font-size:19px}.krilliok-console{color:var(--ink);background:#fff;border-radius:16px;padding:clamp(24px,5vw,48px);box-shadow:0 24px 60px #18286730}.krilliok-console h2{margin-bottom:20px;font-size:clamp(26px,4vw,38px);font-weight:750}.krilliok-console p{color:var(--muted);margin-bottom:24px;font-size:16px;line-height:1.8}.krilliok-console form{margin-top:28px}.krilliok-brief{color:var(--blue);flex-wrap:wrap;gap:12px 24px;margin-bottom:28px;font-size:14px;font-weight:700;display:flex}.krilliok-brief span{align-items:center;gap:8px;display:flex}.krilliok-brief svg{width:18px}.krilliok-consent{flex-direction:row;align-items:flex-start;font-weight:400;line-height:1.7;display:flex}.krilliok-consent input{width:20px;height:20px;min-height:20px;accent-color:var(--blue);flex:0 0 20px;margin:3px 0 0}.krilliok-primary{color:#fff;background:var(--blue);border:0;border-radius:28px;align-items:center;gap:12px;padding:14px 24px;font-size:16px;display:inline-flex}.krilliok-primary:hover{background:var(--blue-dark)}.krilliok-secondary{color:var(--blue);align-items:center;gap:8px;min-height:44px;margin-top:22px;display:flex}.krilliok-round{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:24px;font-size:14px;font-weight:700;display:flex}.krilliok-timer{color:var(--blue);font-variant-numeric:tabular-nums;align-items:center;gap:10px;font-size:24px;font-weight:700;display:flex}.krilliok-time-track{background:#e5e9f7;border-radius:5px;height:8px;margin:16px 0 32px;overflow:hidden}.krilliok-time-track span{background:var(--teal);transform-origin:0;height:100%;transition:transform .1s linear;display:block}.krilliok-question{text-wrap:pretty;min-height:100px}.krilliok-feedback strong{color:var(--blue);font-size:24px}.krilliok-score{color:var(--blue);margin-block:12px;font:800 clamp(60px,10vw,88px)/1.2 Poppins,sans-serif}.krilliok-score small{font:600 20px Lato,sans-serif}.krilliok-trophy{color:var(--blue);margin-bottom:20px}.krilliok-results{border-top:1px solid var(--line);margin-top:32px;padding-top:24px}.krilliok-results summary{cursor:pointer;padding-block:12px;font-weight:700}.krilliok-results li{padding-block:15px}.krilliok-results li span{color:var(--muted);margin-top:8px;display:block}.krilliok-console .krilliok-receipt{overflow-wrap:anywhere;margin-top:24px;margin-bottom:0;font-size:12px}.krilliok-error{color:#8b2929;background:#fff0ef;border-radius:10px;margin-top:24px;padding:20px}.krilliok-error p{color:inherit;margin-bottom:12px}.krilliok-error button{color:#8b2929;background:#fff;border:1px solid #b97171;border-radius:8px;min-height:44px;padding:8px 14px}.krilliok-source{text-align:center;color:#e7eaff;max-width:660px;margin:28px auto 0;font-size:12px}.krilliok-source a{text-decoration:underline}.krilliok-page :focus-visible{outline-offset:4px;outline:3px solid #107261}.krilliok-nav :focus-visible,.krilliok-source :focus-visible{outline-color:#baf2e5}.krilliok-stars{pointer-events:none;position:absolute;inset:0;overflow:hidden}.krilliok-stars span{border:1px solid #ffffff25;border-radius:50%;width:480px;height:480px;animation:12s ease-in-out infinite alternate scio-orbit-drift;position:absolute;top:150px;left:-350px}.krilliok-stars span:nth-child(2){width:600px;height:600px;animation-delay:-5s;top:380px;left:auto;right:-290px}.krilliok-stars span:nth-child(3){background:var(--teal);border:0;width:32px;height:32px;animation-delay:-3s;top:50px;left:80%}@keyframes scio-orbit-drift{to{transform:translateY(-35px)rotate(12deg)}}@media (max-width:600px){.krilliok-nav{font-size:12px}.krilliok-nav .brand{font-size:18px}.krilliok-stage{padding-top:20px}.krilliok-intro{font-size:17px}.krilliok-primary{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.krilliok-stars span{animation:none}}.krilliok-page.is-playing .krilliok-stage{padding-top:16px}.krilliok-page.is-playing .krilliok-stage>h1{margin-bottom:28px;font-size:36px}.krilliok-page.is-playing .krilliok-stage>h1 span,.krilliok-page.is-playing .krilliok-intro{display:none}@media (max-width:600px){.krilliok-page.is-playing .krilliok-nav{padding-block:14px}.krilliok-question{min-height:0;font-size:25px}}.scio-double-reveal{text-align:center;padding-block:32px;animation:.65s cubic-bezier(.16,1,.3,1) both sciodouble-arrive}.scio-double-reveal>svg{color:var(--blue);margin-bottom:24px;animation:4s linear infinite sciodouble-orbit}.scio-double-reveal h2{color:var(--blue);font-size:clamp(38px,7vw,68px);font-weight:800}.scio-double-reveal p{max-width:540px;margin-inline:auto}@keyframes sciodouble-arrive{0%{opacity:.3;transform:scale(.9)translateY(16px)}to{opacity:1;transform:none}}@keyframes sciodouble-orbit{to{transform:rotate(360deg)}}.review-shell{max-width:1060px;padding-block:28px 64px}.review-header{justify-content:space-between;margin-bottom:42px;display:flex}.review-header button{color:#fff;background:0 0;border:1px solid #fff;border-radius:20px;padding:8px 18px}.review-shell>h1{font-size:clamp(32px,5vw,52px);font-weight:800}.review-lede{max-width:760px;margin:20px 0 32px;font-size:18px;line-height:1.8}.review-summary{border-bottom:1px solid var(--line);padding-bottom:24px}.review-summary strong{color:var(--blue);margin-bottom:18px;display:block}.review-answer{border-bottom:1px solid var(--line);padding-block:28px}.review-answer h2{overflow-wrap:anywhere;font-size:26px}.review-answer form{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.review-answer label{flex:1;margin:0}.review-answer select{width:100%;min-width:0;min-height:48px;font:inherit;color:var(--ink);background:#fff;border:1px solid #b9c5d7;border-radius:10px;padding:10px}.review-roster{margin-top:32px}.review-roster summary{cursor:pointer;min-height:48px;font-weight:700}.review-roster ul{columns:3;padding-left:20px;font-size:14px}.review-roster li{break-inside:avoid;margin-bottom:8px}.krilliok-console .review-error{color:#a32b2b;margin-top:24px}.krilliok-console .review-help{margin-top:28px;font-size:13px}@media (max-width:600px){.review-roster ul{columns:2}.review-answer .krilliok-primary{width:100%}.krilliok-score small{display:block}.krilliok-score{font-size:clamp(34px,8vw,70px)}}@media (prefers-reduced-motion:reduce){.scio-double-reveal,.scio-double-reveal>svg{animation:none}}.scio-double-reveal{z-index:99;background:var(--blue);color:#fff;flex-direction:column;justify-content:center;align-items:center;padding:28px;display:flex;position:fixed;inset:0;overflow-y:auto}.krilliok-console .scio-double-reveal h2,.scio-double-reveal>svg{color:#fff}.krilliok-console .scio-double-reveal p{color:#e5e9ff}.scio-double-reveal .krilliok-primary{background:var(--teal);color:#14383c}.review-answer select:focus-visible{outline-offset:4px;outline:3px solid #107261}.krilliok-stage{max-width:1060px}.mackrillion-hero{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:20px;margin-bottom:38px;display:grid}.mackrillion-hero h1{text-align:left;letter-spacing:-.04em;font-size:clamp(42px,7.2vw,80px)}.mackrillion-hero h1 span{color:#ffcfb3;margin-top:18px;font-size:clamp(22px,3vw,30px)}.mackrillion-hero .krilliok-intro{text-align:left;max-width:43ch;margin:24px 0 0}.mackrillion-mascot{transform-origin:60%;width:100%;height:auto;animation:5s ease-in-out infinite mackrillion-swim;display:block}.krilliok-stars span:nth-child(3),.krilliok-time-track span{background:#ffad85}.krilliok-page.is-playing .mackrillion-hero{grid-template-columns:minmax(0,1fr) 110px;gap:12px;margin:0 0 20px}.krilliok-page.is-playing .mackrillion-hero h1{font-size:clamp(28px,5vw,40px)}.krilliok-page.is-playing .mackrillion-hero h1 span,.krilliok-page.is-playing .mackrillion-hero .krilliok-intro{display:none}.krilliok-page.is-playing .mackrillion-mascot{animation-duration:7s}.mackrillion-double-mascot{width:min(300px,75vw);height:auto;margin-bottom:8px;animation:5s ease-in-out infinite mackrillion-swim;display:block}.mackrillion-result-mascot{width:180px;height:auto;margin-bottom:12px}@keyframes mackrillion-swim{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-12px)rotate(3deg)}}@media (max-width:600px){.mackrillion-hero{flex-direction:column-reverse;gap:12px;margin-bottom:28px;display:flex}.mackrillion-mascot{width:280px;max-width:90%}.mackrillion-hero h1{text-align:center;font-size:clamp(38px,10vw,54px)}.mackrillion-hero .krilliok-intro{text-align:center;margin-top:18px;font-size:17px}.krilliok-page.is-playing .mackrillion-hero{grid-template-columns:minmax(0,1fr) 90px;display:grid}.krilliok-page.is-playing .mackrillion-hero h1{text-align:left;font-size:28px}.krilliok-page.is-playing .mackrillion-mascot{width:90px;max-width:none}.mackrillion-double-mascot{width:240px}}@media (prefers-reduced-motion:reduce){.mackrillion-mascot,.mackrillion-double-mascot{animation:none}}.krilliok-stars span:nth-child(3){top:110px;left:72%}.krilliok-console{animation:.65s cubic-bezier(.16,1,.3,1) both mack-console-in}.krilliok-question{animation:.6s cubic-bezier(.16,1,.3,1) both mack-question-in}.mackrill-thinking{justify-content:flex-end;align-items:center;gap:12px;min-height:110px;margin:-14px 0 18px;display:flex}.mackrill-thinking img{width:160px;height:auto;animation:4s cubic-bezier(.45,0,.55,1) infinite mack-think-swim}.mackrill-thinking span{max-width:210px;color:var(--blue);background:#edf0ff;border-radius:22px 22px 22px 4px;padding:14px 18px;font-size:15px;font-weight:700;animation:.5s cubic-bezier(.16,1,.3,1) both mack-bubble-in}.mackrill-thinking.is-panicking img{animation:.45s ease-in-out infinite alternate mack-panic}.mackrill-thinking.is-panicking span{color:#843619;background:#ffe5d7}.krilliok-console .mackrill-saved{color:#176957;background:#e7f7f1;border-radius:12px;padding:12px 16px;font-size:14px;animation:.4s ease-out mack-bubble-in}.krilliok-time-track{height:12px;box-shadow:inset 0 2px 4px #3b53d910}.krilliok-time-track span{border-radius:8px;transition:transform .15s linear;box-shadow:0 3px 12px #ffad8540}.krilliok-primary{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,background .2s}.krilliok-primary:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 22px #233d8d28}.krilliok-primary:active:not(:disabled){transform:scale(.97)}.krilliok-feedback{animation:.55s cubic-bezier(.16,1,.3,1) mack-question-in}.scio-double-reveal{-webkit-backdrop-filter:blur(22px)saturate(1.25);background:#263bbbd9;animation:.7s cubic-bezier(.16,1,.3,1) both mack-reveal-in}.scio-double-reveal h2{animation:.9s cubic-bezier(.16,1,.3,1) both mack-double-title}@keyframes mack-console-in{0%{opacity:.2;filter:blur(8px);transform:translateY(18px)scale(.98)}to{opacity:1;filter:blur();transform:none}}@keyframes mack-question-in{0%{opacity:.25;filter:blur(6px);transform:translateY(10px)}to{opacity:1;filter:blur();transform:none}}@keyframes mack-bubble-in{0%{opacity:0;filter:blur(5px);transform:translateY(8px)scale(.9)}to{opacity:1;filter:blur();transform:none}}@keyframes mack-think-swim{0%,to{transform:translateY(3px)rotate(-5deg)}50%{transform:translate(-12px,-8px)rotate(4deg)}}@keyframes mack-panic{0%{transform:translate(-4px,-4px)rotate(-7deg)}to{transform:translate(4px,2px)rotate(6deg)}}@keyframes mack-reveal-in{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}}@keyframes mack-double-title{0%{opacity:0;filter:blur(16px);transform:scale(1.3)translateY(20px)}to{opacity:1;filter:blur();transform:none}}@media (max-width:600px){.mackrill-thinking{gap:2px;min-height:80px;margin-top:-10px}.mackrill-thinking img{width:110px}.mackrill-thinking span{max-width:175px;padding:10px 12px;font-size:12px}.krilliok-page.is-playing .krilliok-console{padding:22px}.krilliok-question{font-size:23px}.krilliok-round{margin-bottom:18px}}@media (prefers-reduced-motion:reduce){.krilliok-console,.krilliok-question,.mackrill-thinking img,.mackrill-thinking span,.krilliok-feedback,.scio-double-reveal,.scio-double-reveal h2{filter:none;animation:none}.krilliok-primary:hover:not(:disabled){transform:none}}.krilliok-console{animation-fill-mode:backwards}.krilliok-page.is-playing .krilliok-stars span:nth-child(3){display:none}@media (prefers-reduced-motion:reduce){.mackrill-thinking.is-panicking img{animation:none}}.mack-result{text-align:center}.mack-result .mackrillion-result-mascot{width:240px;max-width:75%;height:auto;margin:0 auto 10px;animation:6s ease-in-out infinite mackrillion-swim;display:block}.mack-result>h2{margin:0 0 24px;font-size:clamp(28px,4vw,42px)}.mack-pending{color:#824521;background:#fff0e5;border-radius:24px;align-items:center;gap:9px;padding:10px 17px;font-size:14px;font-weight:700;display:inline-flex}.mack-result-stats{border-block:1px solid var(--line);grid-template-columns:1fr 1fr;gap:24px;margin:30px 0;padding:26px 0;display:grid}.mack-result-stats>div{flex-direction:column;justify-content:center;gap:8px;display:flex}.mack-result-stats>div+div{border-left:1px solid var(--line);padding-left:24px}.mack-result-stats strong{color:var(--blue);font-family:Poppins,sans-serif;font-size:clamp(20px,3vw,30px);font-weight:750;line-height:1.3}.mack-result-stats strong small{color:var(--muted);font:400 17px Lato,sans-serif}.mack-result-stats span{color:var(--muted);font-size:13px;line-height:1.5}.krilliok-console .mack-result-instruction{max-width:58ch;margin:0 auto 26px;font-size:16px}.mack-result-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 24px;display:flex}.mack-result-actions .krilliok-secondary{margin:0}.mack-result .krilliok-score{font-size:72px}.mack-result .krilliok-score small{font-size:16px;display:block}.mack-result .krilliok-results{text-align:left;margin-top:32px}.mack-result .krilliok-results ol{padding-left:24px}.mack-result .krilliok-receipt{color:var(--muted);font-size:11px}@media (max-width:600px){.mack-result-stats{gap:16px;padding-block:22px}.mack-result-stats>div+div{padding-left:16px}.mack-result-stats strong{font-size:20px}.mack-result-stats span{font-size:12px}.mack-result-actions{flex-direction:column}.mack-result .mackrillion-result-mascot{width:190px}}@media (prefers-reduced-motion:reduce){.mack-result .mackrillion-result-mascot{animation:none}}.krilliok-page.is-complete .mackrillion-hero{margin:0 0 24px;display:block}.krilliok-page.is-complete .mackrillion-hero h1{text-align:center;font-size:28px}.krilliok-page.is-complete .mackrillion-hero h1 span,.krilliok-page.is-complete .mackrillion-hero .krilliok-intro,.krilliok-page.is-complete .mackrillion-hero>img{display:none}.krilliok-page.is-complete .krilliok-stage{padding-top:12px}
