.fn{padding-block:clamp(28px,4vw,56px) clamp(40px,6vw,80px)}.fn-grid{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:stretch;gap:clamp(20px,2.6vw,36px);display:grid}.fn-card{animation:enter .6s var(--ease-out) both;flex-direction:column;display:flex}.fn-steps{flex-wrap:wrap;gap:4px 14px;font-size:12px;list-style:none;display:flex}.fn-steps li{opacity:.62}.fn-steps li[aria-current]{opacity:1;text-underline-offset:4px;text-decoration:underline}.fn-steps li.done{opacity:.9}.fn-body{gap:18px;padding:clamp(20px,2.6vw,34px);display:grid}.fn-title{letter-spacing:-.02em;outline:none;font-size:clamp(30px,4vw,52px);font-weight:900;font-stretch:112%;line-height:1.02}.fn-title em{color:var(--blue-text);font-style:normal}h2.fn-title,h3.fn-title{font-size:clamp(26px,3vw,38px)}.fn-lead{color:var(--ink-2);max-width:60ch;font-size:17px;line-height:1.5}.fn-field{gap:6px;display:grid}.fn-field span{font-size:15px;font-weight:700}.fn-field input,.fn-field textarea{border:1.5px solid var(--die);background:var(--paper,var(--label));width:100%;min-height:50px;color:var(--ink);font:inherit;border-radius:8px;padding:12px 14px;font-size:17px}.fn-field input:focus-visible,.fn-field textarea:focus-visible{outline:3px solid var(--blue);outline-offset:1px;border-color:var(--blue)}.fn-field small{color:var(--ink-3);font-size:13px}.fn-check{color:var(--ink-2);grid-template-columns:22px 1fr;align-items:start;gap:10px;font-size:15px;display:grid}.fn-check input{width:20px;height:20px;accent-color:var(--blue);margin-top:2px}.fn-hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.fn-next{justify-self:start}.fn-err{color:#8a1f0c;background:#fde8e4;border-radius:8px;padding:10px 14px;font-size:15px;font-weight:600}.fn-found{background:var(--blue-tint);color:var(--blue-text);border-radius:8px;padding:10px 14px;font-weight:700}.fn-note{border-left:3px solid var(--cyan);background:var(--blue-tint);padding:10px 14px;font-size:15px}.fn-groups{columns:2 260px;column-gap:24px}.fn-group{break-inside:avoid;border:0;align-content:start;gap:8px;margin-bottom:16px;display:grid}.fn-group legend{color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:11px}.fn-group ul{flex-wrap:wrap;gap:6px;list-style:none;display:flex}.fn-group button{border:1.5px solid var(--die);background:var(--label);min-height:38px;color:var(--ink);font:inherit;cursor:pointer;transition:background-color .15s, border-color .15s, transform .15s var(--ease-out);border-radius:6px;align-items:center;gap:8px;padding:4px 12px 4px 4px;font-size:14px;font-weight:600;display:inline-flex}.fn-group button .code{background:var(--blue-tint);min-width:40px;min-height:28px;color:var(--blue-text);border-radius:4px;place-items:center;font-size:11px;display:inline-grid}.fn-group button:hover{border-color:var(--blue)}.fn-group button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:#fff;transform:translateY(-1px)}.fn-group button[aria-pressed=true] .code{color:#fff;background:#ffffff2e}.fn-actions{flex-wrap:wrap;align-items:center;gap:12px 18px;display:flex}.fn-count{color:var(--ink-3);font-size:13px}.fn-wa{border-top:1px solid var(--die);color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:8px 14px;padding-top:6px;font-size:14px;display:flex}.fn-wa-btn{color:#fff;background:#1fa855;align-items:center;gap:8px;min-height:44px;display:inline-flex}.fn-wa-btn:hover{color:#fff;background:#178c46}.fn-wa-btn svg{fill:currentColor;width:20px;height:20px}.fn-stage{border-radius:var(--radius-label);animation:scene-in .9s .12s var(--ease-out) both;background:radial-gradient(circle at 1px 1px,#ffffff2b 1.1px,#0000 1.5px) 0 0/18px 18px,linear-gradient(150deg,#0a4ea3 0%,#0073e6 55%,#2f93f2 100%);align-self:start;display:block;position:sticky;top:100px;overflow:clip}.fn-stage[hidden]{display:none}.fn-stage-in{background:radial-gradient(90% 70% at 60% 75%,#ffffff29 0%,#0000 60%);height:min(640px,100svh - 124px);min-height:440px;position:relative}.fn-stage-in canvas{opacity:0;width:100%;height:calc(83% - 118px);transition:opacity .4s var(--ease-out);position:absolute;top:17%;left:0;right:0}.fn-stage-in canvas.is-ready{opacity:1}.fn-stage-in:not(:has(canvas.is-ready)):after{content:"";background:url(/media/palet-module.png) 50%/contain no-repeat;position:absolute;inset:22% 8% 124px}.fn-stage-info{z-index:1;justify-items:start;gap:8px;display:grid;position:absolute;top:22px;left:24px;right:24px}.fn-stage-title{letter-spacing:.08em;text-transform:uppercase;color:#fff;font-size:13px;font-weight:800}.fn-stage-count{color:#ffffffd9;font-size:13px;font-weight:600}.fn-stage-codes{flex-wrap:wrap;gap:6px;margin-top:4px;list-style:none;display:flex}.fn-stage-codes li{color:var(--blue-text,#005bb8);animation:vg-pop .25s var(--ease-out) both;background:#ffffffeb;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600}.fn-mbar{display:none}.fn-mascot{z-index:2;pointer-events:none;flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:14px;display:flex;position:absolute;bottom:16px;left:20px;right:20px}.fn-mascot-body{filter:drop-shadow(0 8px 10px #00143c59);width:92px;height:92px;animation:.55s cubic-bezier(.3,1.6,.5,1) both fn-hop;display:block}.fn-mascot-body svg{width:100%;height:100%;overflow:visible}.fn-mascot-body .body{animation:2.8s ease-in-out infinite vg-bob}.fn-mascot-body .eye{transform-box:fill-box;transform-origin:50%;animation:4.6s infinite vg-blink}.fn-mascot-say{max-width:320px;color:var(--ink,#181818);animation:vg-pop .3s var(--ease-out) both;background:#fff;border-radius:12px 12px 12px 4px;padding:10px 14px;font-size:14px;font-weight:600;line-height:1.35;position:relative;box-shadow:0 8px 20px -8px #00143c73}@keyframes fn-hop{0%{transform:translateY(0)scale(1)}30%{transform:translateY(-22px)scale(.96,1.05)}60%{transform:translateY(0)scale(1.06,.94)}to{transform:translateY(0)scale(1)}}.fn-results{margin-top:clamp(24px,3vw,40px)}.fn-call-row{grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);align-items:stretch;gap:clamp(20px,2.6vw,36px);margin-top:clamp(24px,3vw,40px);display:grid}.fn-call{margin:0}.fn-call-side{border-radius:var(--radius-label);text-align:center;box-shadow:var(--shadow-tag);background:radial-gradient(circle at 1px 1px,#ffffff2b 1.1px,#0000 1.5px) 0 0/18px 18px,linear-gradient(150deg,#0a4ea3 0%,#0073e6 55%,#2f93f2 100%);align-content:center;justify-items:center;gap:14px;padding:28px 22px;display:grid;position:relative}.fn-call-say{border-radius:14px;max-width:260px;margin:0;font-size:16px}.fn-call-say:after{content:"";background:#fff;width:14px;height:14px;margin-left:-7px;position:absolute;bottom:-7px;left:50%;transform:rotate(45deg)}.fn-call-mascot{width:150px;height:150px}.fn-when{border:0;flex-wrap:wrap;gap:8px 18px;display:flex}.fn-when legend{margin-bottom:8px;font-size:15px;font-weight:700}.fn-when label{align-items:center;gap:8px;min-height:40px;display:inline-flex}.fn-when input{width:18px;height:18px;accent-color:var(--blue)}@media (max-width:999px){.fn-grid{grid-template-columns:1fr}.fn-stage{z-index:5;border-radius:14px;order:-1;align-self:start;position:sticky;top:77px;box-shadow:0 12px 26px -12px #0032788c}.fn-stage-in{height:clamp(140px,22svh,220px);min-height:0;position:relative;top:auto}.fn-stage-in canvas{width:60%;height:100%;top:0;left:40%;right:0}.fn-stage-in:not(:has(canvas.is-ready)):after{inset:10% 2% 6% 42%}.fn-stage-info{gap:6px;max-width:40%;top:50%;left:16px;right:auto;transform:translateY(-50%)}.fn-stage-title{font-size:12px}.fn-stage-codes{display:none}.fn-mascot{bottom:8px;left:auto;right:52%}.fn-mascot-body{width:52px;height:52px}.fn-mascot:not(.x) .fn-mascot-say{display:none}.fn-call-row{grid-template-columns:1fr}.fn-call-side{text-align:left;order:-1;grid-template-columns:auto 1fr;justify-items:start;padding:18px}.fn-call-mascot{grid-row:span 2;width:84px;height:84px}.fn-call-say{max-width:none;font-size:15px}.fn-call-say:after{display:none}.fn-stage-info{padding-left:0}.fn-mbar{z-index:40;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--label);animation:vg-pop .3s var(--ease-out) both;display:block;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px -10px #00285a4d}.fn-mbar .btn{justify-content:center;width:100%;min-height:50px}.fn-mbar-n{color:#fff;background:#ffffff40;border-radius:999px;place-items:center;min-width:26px;height:26px;margin-left:4px;font-size:12px;display:inline-grid}.fn:has(.fn-mbar){padding-bottom:96px}body:has(.fn-mbar) .vg{display:none}}@media (max-width:560px){.fn-groups{columns:1}}@media (prefers-reduced-motion:reduce){.fn-card,.fn-stage,.fn-mascot-body,.fn-mascot-body .body,.fn-mascot-body .eye,.fn-mascot-say{animation:none}}@media (min-width:1000px){.fn-stage.is-done{align-self:stretch;position:relative;top:auto}.fn-stage.is-done .fn-stage-in{height:100%;min-height:400px}}