.mack-ocean{--sea-ink:#0d1c50;--sea-cream:#f4faff;--sea-muted:#cce5f7;isolation:isolate;background:#142765;min-height:100svh}.ocean-viewport{z-index:-1;pointer-events:none;background:#071d48;position:fixed;inset:0;overflow:hidden}.ocean-world{height:360vh;transform:translateY(var(--dive-offset));will-change:transform;background:linear-gradient(#c6e5ff 0 120px,#3b53d9 165px,#3149c6 38vh,#1b2d79 85vh,#102354 170vh,#040c21 360vh);transition:transform 1.9s cubic-bezier(.22,.68,.2,1);position:absolute;inset:0 0 auto}.ocean-sun{background:#ffe5a1;border-radius:50%;width:60px;height:60px;position:absolute;top:26px;right:18%;box-shadow:0 0 0 10px #ffe5a130}.ocean-cloud{opacity:.8;background:#fff9e9;border-radius:30px;width:110px;height:20px;position:absolute;top:55px;left:13%}.ocean-cloud:before,.ocean-cloud:after{content:"";background:inherit;border-radius:50%;width:45px;height:35px;position:absolute;bottom:0;left:16px}.ocean-cloud:after{width:60px;height:48px;left:45px}.ocean-cloud-two{top:80px;left:auto;right:31%;transform:scale(.6)}.ocean-surface{width:120%;height:65px;animation:7s ease-in-out infinite alternate sea-wave;position:absolute;top:100px;left:-10%}.ocean-boat{transform-origin:bottom;width:130px;height:90px;animation:5s ease-in-out infinite boat-bob;position:absolute;top:46px;left:22%}.ocean-rays{opacity:var(--ray-opacity);transition:opacity 2s;position:absolute;inset:0;overflow:hidden}.ocean-rays i{transform-origin:top;clip-path:polygon(40% 0,60% 0,100% 100%,0 100%);background:linear-gradient(#c3f8ff30,#0000);width:220px;height:120vh;animation:12s ease-in-out infinite alternate rays-sway;position:absolute;top:100px;left:5%;transform:rotate(-20deg)}.ocean-rays i:nth-child(2){width:300px;animation-delay:-7s;left:45%}.ocean-rays i:nth-child(3){width:160px;animation-delay:-3s;left:75%}.ocean-school{opacity:.75;width:clamp(220px,32vw,450px);animation:14s ease-in-out infinite alternate fish-drift;position:absolute;overflow:visible}.ocean-school-one{top:57vh;left:-7%}.ocean-school-two{animation-delay:-7s;top:195vh;right:-7%}.ocean-jelly{opacity:.7;width:120px;animation:7s ease-in-out infinite alternate jelly-bob;position:absolute;top:120vh;right:7%}.ocean-squid{opacity:.55;width:200px;animation:9s ease-in-out infinite alternate jelly-bob;position:absolute;top:265vh;left:5%}.ocean-depth-note{color:#b8d9ed70;letter-spacing:.06em;font:700 12px Poppins,sans-serif;position:absolute}.note-one{top:135vh;left:4%}.note-two{top:245vh;right:4%}.ocean-floor{width:100%;height:45vh;position:absolute;bottom:0}.ocean-bubbles{position:absolute;inset:0}.ocean-bubbles i{border:2px solid #b5f2fa55;border-radius:50%;animation:16s linear infinite bubble-rise;position:absolute;bottom:-40px;box-shadow:inset 2px 2px #ffffff40}.ocean-vignette{background:radial-gradient(#0000 30%,#041d3c25);position:absolute;inset:0;box-shadow:inset 0 -80px 100px #06172d35}.ocean-gauge{z-index:2;color:#e1f9ff;text-align:center;flex-direction:column;align-items:center;width:76px;display:flex;position:fixed;top:34%;left:clamp(16px,3vw,46px)}.ocean-gauge>span{letter-spacing:.12em;font-size:9px;font-weight:800}.ocean-gauge strong{margin:5px 0 14px;font:800 26px Poppins,sans-serif}.ocean-gauge small{font-size:13px}.ocean-gauge-track{background:repeating-linear-gradient(#0000 0 16px,#b5e5f266 16px 18px);border-inline:2px solid #abdfe766;width:12px;height:170px;margin-bottom:18px;position:relative}.ocean-gauge-track i{background:#72e7ce;border:2px solid #123c68;border-radius:8px;width:22px;height:10px;transition:top 1.9s;position:absolute;left:-7px;transform:translateY(-50%);box-shadow:0 0 14px #ffba9160}.mack-ocean .krilliok-nav{z-index:3;color:#163e68;padding-block:20px;font-size:13px}.mack-ocean .krilliok-nav .brand{font-size:21px}.mack-ocean.is-playing .krilliok-nav,.mack-ocean.is-complete .krilliok-nav{color:#d9f3ff}.mack-ocean .krilliok-stage{max-width:920px;padding:40px 50px 65px}.mack-ocean .mackrillion-hero{text-align:center;flex-direction:column;gap:0;margin-bottom:0;display:flex}.mack-ocean .mackrillion-hero h1{text-align:center;color:var(--sea-cream);letter-spacing:-.055em;text-shadow:0 7px #101f58,3px 0 #101f58,-3px 0 #101f58,0 14px 24px #030b3a55;font-size:clamp(48px,7.5vw,86px);font-weight:900;line-height:1.1;transform:rotate(-2deg)}.mack-ocean .mackrillion-hero h1 span{letter-spacing:.2em;text-transform:uppercase;color:#9eeddf;text-shadow:none;margin-top:20px;font:800 12px Poppins,sans-serif}.mack-ocean .mackrillion-hero .krilliok-intro{text-align:center;max-width:none;color:var(--sea-muted);margin:18px auto 0;font-size:16px}.mack-ocean .mackrillion-hero>img{filter:drop-shadow(0 16px 8px #04113d70);width:230px;margin:0 auto -12px}.mack-ocean .krilliok-console{box-shadow:none;color:var(--sea-cream);background:0 0;border:0;border-radius:0;max-width:540px;margin:0 auto;padding:0;animation:none;position:relative}.mack-ocean .krilliok-console p{color:var(--sea-muted)}.mack-ocean .krilliok-brief{color:#d6f2ff;justify-content:center;gap:8px 24px;margin:0 0 22px;font-size:12px}.mack-ocean .krilliok-brief svg{color:#8de4d4}.mack-ocean .krilliok-console form{margin-top:20px}.mack-ocean .krilliok-console label{color:#e4f4ff;text-align:left;font-size:14px}.mack-ocean .krilliok-console input:not([type=checkbox]){color:#173857;background:#edfaff;border:3px solid #123c68;border-radius:18px;min-height:60px;padding:15px 20px;font-size:18px;box-shadow:0 7px #081b46,0 14px 22px #030d3840,inset 0 2px #fff}.mack-ocean .krilliok-console input::placeholder{color:#647d92}.mack-ocean .krilliok-console .krilliok-consent{cursor:pointer;justify-content:flex-start;align-items:center;gap:12px;margin:24px 0 26px;font-size:13px;line-height:1.5;display:flex}.mack-ocean .krilliok-consent input{appearance:auto;accent-color:#44cab2;border-radius:6px;flex:0 0 23px;width:23px;height:23px;min-height:23px;margin:0;box-shadow:0 3px #081b4666}.mack-ocean .krilliok-consent span{display:block}.mack-ocean .krilliok-primary{color:#092d48;text-shadow:0 1px #bcfff04d;background:linear-gradient(160deg,#7ce8d2,#44cab2 55%,#2eaea8);border:3px solid #09264b;border-radius:30px 17px 32px 18px;justify-content:center;min-height:60px;padding:14px 28px;font-size:17px;font-weight:900;transition:transform .2s,box-shadow .2s,background .2s;box-shadow:0 8px #071936,0 16px 24px #030b3d66,inset 0 3px #c4fff0}.mack-ocean .krilliok-primary:hover:not(:disabled){background:linear-gradient(160deg,#a0f5df,#60dcc3 55%,#36bdb4);transform:translateY(-3px)rotate(-1deg);box-shadow:0 11px #071936,0 20px 30px #030b3d66,inset 0 3px #d9fff7}.mack-ocean .krilliok-primary:active:not(:disabled){transform:translateY(6px);box-shadow:0 2px #071936,0 6px 12px #030b3d44,inset 0 2px #c4fff0}.mack-ocean .krilliok-primary:disabled{opacity:.65}.mack-ocean .krilliok-console form>button{width:100%}.mack-ocean :focus-visible{outline-offset:5px;outline:3px solid #a9ffec}.mack-ocean.is-playing .krilliok-stage{padding-top:22px}.mack-ocean.is-playing .mackrillion-hero{margin:0 0 40px;display:block}.mack-ocean.is-playing .mackrillion-hero h1{text-shadow:0 3px #123c68;font-size:30px}.mack-ocean.is-playing .mackrillion-hero>img{display:none}.mack-ocean.is-playing .krilliok-console{flex-direction:column;align-items:stretch;max-width:600px;min-height:65vh;display:flex}.mack-ocean .krilliok-round{color:#c7ecfa;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #a8d2ed30;margin-bottom:24px;padding-bottom:18px;font-size:12px}.mack-ocean .mackrill-thinking{flex-direction:column-reverse;gap:0;width:200px;margin:0;display:flex;position:absolute;top:40px;right:-230px}.mack-ocean .mackrill-thinking img{filter:drop-shadow(0 8px 9px #07182f40);width:220px;max-width:none}.mack-ocean .mackrill-thinking span{color:#234365;background:#fff6df;border:3px solid #173d66;border-radius:24px 24px 4px;padding:10px 14px;font-size:12px;box-shadow:0 4px #12315b}.mack-ocean .krilliok-timer{color:#9de9dd;justify-content:center;font-size:19px}.mack-ocean .krilliok-time-track{background:#061d4966;border:2px solid #0e2f59;height:10px;margin:14px 0 30px}.mack-ocean .krilliok-time-track span{box-shadow:none;background:#8be1d0}.mack-ocean .krilliok-question{text-align:center;color:#fff6df;text-shadow:0 3px #0a285b;min-height:0;margin-bottom:22px;font-size:clamp(28px,3.5vw,38px);font-weight:800;line-height:1.35}.mack-ocean .krilliok-feedback{text-align:center}.mack-ocean .krilliok-feedback strong{color:#a5f4d5;font-size:24px}.mack-ocean .krilliok-feedback p{margin-top:16px}.mack-ocean .krilliok-console .mackrill-saved{color:#9bf0da;text-align:center;background:0 0;order:1;margin-top:18px;padding:0;font-size:13px}.mack-ocean .krilliok-error{color:#642f24;background:#ffdfbf;border:3px solid #193c65}.mack-ocean .krilliok-error p{color:inherit}.mack-ocean .scio-double-reveal{background:#082447b8}.mack-ocean .scio-double-reveal h2{color:#ffbf99;text-shadow:0 5px #102d55}.mack-ocean.is-complete .krilliok-stage{padding-top:24px}.mack-ocean.is-complete .mackrillion-hero h1{font-size:26px}.mack-ocean .mack-result-stats,.mack-ocean .mack-result-stats>div+div{border-color:#8dc9e240}.mack-ocean .mack-result-stats strong,.mack-ocean .krilliok-score{color:#a7edd8}.mack-ocean .mack-result-stats span,.mack-ocean .mack-result-stats strong small,.mack-ocean .krilliok-results li span,.mack-ocean .krilliok-receipt{color:var(--sea-muted)}.mack-ocean .krilliok-secondary{color:#aff4e2}.mack-ocean .krilliok-results{border-color:#8dc9e240}.mack-ocean .mack-pending{color:#b3f6e7;background:#237d7c33;border:1px solid #79e7ce55}@keyframes sea-wave{to{transform:translate(4%)}}@keyframes boat-bob{0%,to{transform:rotate(-4deg)translateY(0)}50%{transform:rotate(3deg)translateY(-5px)}}@keyframes fish-drift{to{transform:translate(55px)translateY(-12px)}}@keyframes jelly-bob{to{transform:translateY(-35px)rotate(6deg)}}@keyframes bubble-rise{0%{opacity:0;transform:translateY(0)translate(0)}8%{opacity:.8}90%{opacity:.6}to{opacity:0;transform:translateY(-110vh)translate(40px)}}@keyframes rays-sway{to{opacity:.5;transform:rotate(8deg)}}@media (max-width:1200px){.mack-ocean .mackrill-thinking{width:130px;top:80px;right:-130px}.mack-ocean .mackrill-thinking img{width:150px}.mack-ocean .mackrill-thinking span{font-size:10px}.mack-ocean.is-playing .krilliok-stage{max-width:760px}}@media (max-width:950px){.mack-ocean .mackrill-thinking{flex-direction:row-reverse;justify-content:center;width:100%;min-height:95px;margin-top:-20px;margin-bottom:15px;position:relative;top:auto;right:auto}.mack-ocean .mackrill-thinking img{width:140px}.mack-ocean .mackrill-thinking span{max-width:180px;font-size:11px}.ocean-gauge{width:55px;left:10px}.ocean-gauge-track{height:120px}.ocean-gauge strong{font-size:20px}.ocean-gauge>span{font-size:7px}.mack-ocean .krilliok-stage{padding-inline:70px}}@media (max-width:600px){.mack-ocean .krilliok-nav{padding:18px 20px;font-size:11px}.mack-ocean .krilliok-nav a:last-child{gap:0;min-height:40px}.mack-ocean .krilliok-nav .brand{font-size:17px}.ocean-sun{width:42px;height:42px;top:57px;right:15%}.ocean-boat{width:95px;top:50px;left:16%}.ocean-cloud-one{top:84px;left:5%;transform:scale(.65)}.ocean-cloud-two{display:none}.ocean-school{opacity:.35;width:210px}.ocean-school-one{top:75vh;left:-18%}.ocean-jelly{width:85px;right:-12px}.ocean-squid{width:130px;left:-20px}.ocean-depth-note{font-size:8px}.ocean-gauge{align-items:flex-end;width:auto;top:84px;left:auto;right:18px}.ocean-gauge strong{margin:0;font-size:18px}.ocean-gauge-track,.ocean-gauge>span:last-child{display:none}.mack-ocean .krilliok-stage{padding:82px 24px 45px}.mack-ocean .mackrillion-hero h1{font-size:clamp(40px,10vw,60px)}.mack-ocean .mackrillion-hero h1 span{letter-spacing:.14em;margin-top:14px;font-size:10px}.mack-ocean .mackrillion-hero .krilliok-intro{margin-top:12px;font-size:13px}.mack-ocean .mackrillion-hero>img{width:230px;max-width:85%;margin-top:0}.mack-ocean .krilliok-brief{gap:6px 14px;margin-bottom:16px;font-size:10px}.mack-ocean .krilliok-console form{margin-top:12px}.mack-ocean.is-playing .krilliok-stage{padding:8px 24px 40px}.mack-ocean.is-playing .mackrillion-hero{margin-bottom:30px}.mack-ocean.is-playing .mackrillion-hero h1{text-align:center;font-size:24px}.mack-ocean.is-playing .krilliok-console{padding:0}.mack-ocean .krilliok-round{margin-bottom:20px;padding-bottom:12px;font-size:9px}.mack-ocean .krilliok-question{font-size:25px;line-height:1.4}.mack-ocean .krilliok-timer{font-size:16px}.mack-ocean .krilliok-time-track{margin-bottom:24px}.mack-ocean .mackrill-thinking{min-height:85px}.mack-ocean .mackrill-thinking img{width:125px}.mack-ocean .krilliok-console .krilliok-consent{gap:10px;font-size:12px}.mack-ocean.is-complete .krilliok-stage{padding-top:12px}}@media (prefers-reduced-motion:reduce){.mack-ocean *,.mack-ocean :before,.mack-ocean :after{transition:none!important;animation:none!important}.ocean-world{will-change:auto}.ocean-bubbles i{opacity:.3;top:55%;bottom:auto}}.mack-ocean .krilliok-console .mack-autosave-help{color:#cce5f7;text-align:center;margin:14px 0 18px;font-size:12px;line-height:1.5}