.aq-invitation{display:flex;align-items:center;justify-content:space-between;gap:32px;margin:40px auto;padding:28px 32px;border:1px solid #a9d6f6;border-radius:24px;background:linear-gradient(120deg,#eef8ff,#fff4e9);position:relative;overflow:hidden}.aq-invitation h2{font-size:clamp(22px,3vw,34px);margin:8px 0;color:#13233f}.aq-invitation p{color:#475569;margin:8px 0}.aq-invitation-action{max-width:460px}.aq-invitation-action>span{display:block;margin-top:10px;font-size:12px;color:#475569;text-align:center}.aq-launch{border:0;border-radius:18px;padding:18px 24px;background:#0069c7;color:#fff;line-height:1.5;font-family:inherit;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 8px 24px #087bdd25;min-height:52px}.aq-launch:hover{background:#0056a6;box-shadow:0 10px 30px #087bdd40}.aq-launch:disabled{cursor:wait}.aq-launch:focus-visible,.aq-world button:focus-visible{outline:3px solid #f58220;outline-offset:4px}.aq-active{overflow:hidden}.aq-world{position:fixed;inset:0;z-index:2147483000;isolation:isolate;overflow:hidden;color:#fff;font-family:inherit;touch-action:none;overscroll-behavior:contain}.aq-water,.aq-rays,.aq-caustics,.aq-canvas,.aq-wave,.aq-mascots,.aq-jellies,.aq-ripples,.aq-bubbles{position:absolute;inset:0;pointer-events:none}.aq-water{background:linear-gradient(180deg,#075ba451,#06304e85 60%,#061b37c7);animation:aq-dive 3s ease both}.aq-rays{background:repeating-conic-gradient(from 155deg at 50% -30%,transparent 0deg 8deg,#a1edff18 9deg 13deg,transparent 14deg 24deg);opacity:.8;transform-origin:top center;animation:aq-rays 9s ease-in-out infinite alternate}.aq-caustics{background:radial-gradient(ellipse at 30% 10%,#b4f4ff30,transparent 60%),repeating-radial-gradient(ellipse at 50% 0%,transparent 0 70px,#79d5e510 80px,transparent 90px);opacity:.5;animation:aq-caustics 8s ease-in-out infinite alternate}.aq-wave{inset:auto -25% 0;height:160vh;background:linear-gradient(180deg,#65dfea88,#087bdd66 20%,#0d698022);border-radius:44% 49% 0 0;animation:aq-wave 3s cubic-bezier(.3,.6,.25,1) both;z-index:8}.aq-world[data-phase=final] .aq-wave{animation:aq-surface 3s ease both}.aq-controls{position:absolute;z-index:20;top:max(16px,env(safe-area-inset-top));left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#0b2238f2;border:1px solid #90d9ed55;border-radius:18px;box-shadow:0 8px 40px #06152535}.aq-label{letter-spacing:.16em;font-size:11px;font-weight:700}.aq-controls>div{display:flex;align-items:center;gap:8px}.aq-count{font-variant-numeric:tabular-nums;font-size:13px;min-width:34px}.aq-controls button{border:1px solid #99dbf077;border-radius:12px;min-height:44px;padding:10px 14px;background:#183f5b;color:#fff;font-size:13px;line-height:1.3;font-weight:600;font-family:inherit;cursor:pointer}.aq-controls .aq-exit{background:#fff;color:#13233f;min-width:90px;font-weight:700}.aq-caption{position:absolute;z-index:10;bottom:max(48px,calc(env(safe-area-inset-bottom) + 28px));left:50%;transform:translateX(-50%);width:min(90%,700px);text-align:center;pointer-events:none;text-shadow:0 2px 20px #061b37}.aq-message{font-size:clamp(30px,5vw,64px);font-weight:800;letter-spacing:-.035em;line-height:1.1;margin:10px 0;color:#fff}.aq-chapter{letter-spacing:.3em;font-size:11px}.aq-hint{font-size:13px;color:#e0f6ff;margin:14px 0}.aq-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:#11354e;z-index:20}.aq-progress i{display:block;height:100%;background:linear-gradient(90deg,#72e7f4,#f58220);transform-origin:left}.aq-fish,.aq-octopus,.aq-reunion{position:absolute;top:28%;width:clamp(100px,17vw,235px);height:clamp(160px,25vw,310px);filter:drop-shadow(0 8px 20px #06244770);opacity:0;transition:opacity 1s,transform 2s,left 2s}.aq-fish{left:30%;transform:translate(-40vw,30px) rotate(-15deg)}.aq-octopus{left:56%;transform:translate(40vw,30px) rotate(15deg);width:clamp(90px,13vw,190px)}.aq-world[data-phase=school] .aq-fish,.aq-world[data-phase=alive] .aq-fish{opacity:1;transform:translate(0,0) rotate(0deg);animation:aq-mascot-float 4s ease-in-out infinite}.aq-world[data-phase=school] .aq-octopus,.aq-world[data-phase=alive] .aq-octopus{opacity:1;transform:translate(0,0) rotate(0deg);animation:aq-wave-hello 4s ease-in-out infinite;transition-delay:.6s}.aq-reunion{left:50%;top:26%;width:clamp(160px,25vw,300px);height:clamp(160px,25vw,300px);transform:translateX(-50%) scale(.75)}.aq-world[data-phase=final] .aq-reunion{opacity:1;transform:translateX(-50%) scale(1)}.aq-world[data-phase=final] .aq-fish{left:43%;opacity:0;transform:scale(.8)}.aq-world[data-phase=final] .aq-octopus{left:48%;opacity:0;transform:scale(.8)}.aq-jelly{position:absolute;left:calc(7% + var(--i)*25%);top:30%;width:64px;height:160px;opacity:0;transition:opacity 2s;animation:aq-jelly 8s calc(var(--i)*-2s) ease-in-out infinite}.aq-world[data-phase=alive] .aq-jelly,.aq-world[data-phase=final] .aq-jelly{opacity:.7}.aq-jelly i{display:block;width:64px;height:42px;border-radius:50% 50% 30% 30%;background:radial-gradient(ellipse at 50% 100%,#a7f3ff77,#72ccdf16);border:1px solid #b1efff99;box-shadow:0 0 30px #75e4f322}.aq-jelly span{position:absolute;top:38px;left:16px;width:15px;height:70px;border-left:1px solid #a7f3ff88;border-radius:50%;transform:rotate(-8deg)}.aq-jelly span:nth-child(3){left:30px;height:90px;transform:rotate(8deg)}.aq-jelly span:nth-child(4){left:45px}.aq-bubble{pointer-events:auto;position:absolute;left:var(--x);bottom:8%;width:var(--size);height:var(--size);border:1px solid #c4f3ffb0;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffffff55,transparent 45%,#68dbee15);box-shadow:inset -3px -3px 8px #fff2;cursor:pointer;animation:aq-bubble 7s var(--delay) ease-in-out infinite;opacity:.75}.aq-bubble:before{content:'';position:absolute;left:10px;top:8px;width:8px;height:5px;border-radius:50%;background:#e7fbff}.aq-bubble.aq-popped{opacity:0;pointer-events:none;animation:none}.aq-ripple{position:absolute;width:90px;height:90px;border:2px solid #aff5ff;border-radius:50%;animation:aq-ripple .8s ease-out both}.aq-soft .aq-wave,.aq-soft .aq-canvas,.aq-soft .aq-rays,.aq-soft .aq-caustics{display:none}.aq-soft .aq-water{animation:none;background:linear-gradient(180deg,#075ba460,#061b37bb)}.aq-soft .aq-fish,.aq-soft .aq-octopus{opacity:1;transform:none;animation:none!important;transition:none}.aq-soft .aq-jelly,.aq-soft .aq-bubble{animation:none}.aq-soft .aq-bubble{bottom:20%}.aq-soft[data-phase=final] .aq-reunion{transition:none}.aq-light .aq-caustics{display:none}.aq-light .aq-rays{animation:none}.aq-error{color:#a33;font-size:14px}.aq-active:not(.aq-reduced) .wordmark img{animation:aq-logo 3s ease-in-out infinite}.aq-active .campus-scene,.aq-active .brand-story-frame{box-shadow:0 0 35px #72d9f655!important}.aq-active .hero-actions .button:after{content:'◦';position:absolute;color:#7bdcee;font-size:28px;animation:aq-button-bubble 3s ease-in-out infinite;pointer-events:none}.aq-reduced .hero-actions .button:after{animation:none}
@keyframes aq-dive{from{opacity:0}to{opacity:1}}@keyframes aq-wave{0%{transform:translateY(150%)}60%{transform:translateY(-55%)}100%{transform:translateY(-160%)}}@keyframes aq-surface{0%,55%{transform:translateY(160%)}80%{transform:translateY(-20%)}100%{transform:translateY(-160%)}}@keyframes aq-rays{from{transform:rotate(-3deg)}to{transform:rotate(3deg)}}@keyframes aq-caustics{from{transform:scale(1) translateY(0)}to{transform:scale(1.1) translateY(20px)}}@keyframes aq-mascot-float{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -14px;rotate:-4deg}}@keyframes aq-wave-hello{0%,100%{translate:0 0;rotate:0deg}35%{translate:0 -10px;rotate:6deg}65%{translate:0 -6px;rotate:-3deg}}@keyframes aq-jelly{0%,100%{transform:translate(0,40px) rotate(-4deg)}50%{transform:translate(15px,-45px) rotate(4deg)}}@keyframes aq-bubble{0%,100%{transform:translateY(0) translateX(0)}50%{transform:translateY(-45vh) translateX(18px)}}@keyframes aq-ripple{from{transform:translate(-50%,-50%) scale(.2);opacity:1}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}@keyframes aq-logo{50%{transform:translateY(-4px) rotate(-2deg)}}@keyframes aq-button-bubble{0%{transform:translate(10px,0);opacity:0}50%{opacity:1}100%{transform:translate(20px,-70px);opacity:0}}
@media(max-width:700px){.aq-invitation{flex-direction:column;align-items:stretch;padding:24px;gap:18px}.aq-launch{width:100%;font-size:15px}.aq-controls{left:10px;right:10px;padding:10px;flex-wrap:wrap;gap:8px}.aq-label{font-size:9px;letter-spacing:.12em}.aq-controls>div{width:100%;justify-content:flex-end}.aq-controls .aq-count{margin-right:auto}.aq-controls button{padding:10px;font-size:12px}.aq-fish{left:19%;top:32%;width:105px;height:180px}.aq-octopus{left:58%;top:33%;width:90px;height:170px}.aq-reunion{top:33%}.aq-caption{bottom:50px}.aq-jelly{width:48px;transform:scale(.8)}.aq-hint{font-size:12px}.aq-bubble{left:clamp(4px,var(--x),calc(100% - 70px))}}
@media(prefers-reduced-motion:reduce){.aq-world *, .aq-active .wordmark img,.aq-active .hero-actions .button:after{animation:none!important;transition:none!important}.aq-water{opacity:1}}

.aq-choice{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;font-size:12px;color:#475569;min-height:44px;cursor:pointer}.aq-choice input{width:18px;height:18px;accent-color:#0069c7}

/* In-flow arrival card: the hero's title and actions always come first. */
.aq-welcome[hidden]{display:none}
.aq-welcome{position:relative;box-sizing:border-box;display:flex;align-items:center;gap:12px;width:100%;max-width:480px;margin:20px auto 0;padding:16px 48px 12px 16px;border:1px solid #9acfe3;border-radius:18px;background:linear-gradient(120deg,#f0fbff,#fff6ec);box-shadow:0 6px 20px #13233f0c;color:#13233f;font-family:inherit;text-align:left}
.aq-welcome-symbol{width:44px;height:44px;flex-shrink:0}
.aq-welcome-copy{flex:1;min-width:0}
.aq-welcome .eyebrow{font-size:10px;line-height:1.5;letter-spacing:.08em;margin:0 0 6px;color:#245875}
.aq-welcome-heading{font-size:15px;line-height:1.4;font-weight:700;margin:0 0 10px}
.aq-welcome .aq-launch{width:auto;min-height:44px;padding:10px 16px;border-radius:12px;font-size:14px;box-shadow:none}
.aq-welcome-actions{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px}
.aq-welcome-detail{font-size:12px;line-height:1.5;margin:8px 0 0;color:#475569}
.aq-welcome .aq-choice{justify-content:flex-start;margin:0;font-size:12px;line-height:1.4}
.aq-welcome-dismiss{position:absolute;top:4px;right:4px;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:#13233f;font:26px system-ui;cursor:pointer}
.aq-welcome-dismiss:hover{background:#087bdd14}
.aq-welcome button:focus-visible,.aq-welcome input:focus-visible{outline:3px solid #b34b00;outline-offset:3px}
@media(max-width:360px){.aq-welcome{gap:0;padding:14px 44px 10px 14px}.aq-welcome-symbol{display:none}}
@media(max-width:600px){.aq-welcome-symbol{display:none}}