.who{--who-card:140px}.who__scene,.who__stage{z-index:1;box-sizing:border-box;width:100%;max-width:540px;margin-inline:auto;position:relative}.who__stage{flex-direction:column;gap:18px;display:flex}.who__hello{z-index:0;align-items:center;min-height:188px;padding:22px 0 0 150px;display:flex;position:relative}.who__kuyo{pointer-events:none;-webkit-user-select:none;user-select:none;width:auto;height:252px;position:absolute;top:4px;left:-2px}[data-night=true] .who__kuyo{filter:brightness(.9)saturate(.9)}.who__hello>.who__bubble{border-radius:22px;flex:1 1 0;min-width:0;padding:12px 16px 14px}.who__bubble .mr-bubble__hi{font-size:clamp(24px,7vw,28px)}.who__bubble .fennec-caption{text-wrap:pretty;font-size:17px}.who__cards{z-index:1;flex-direction:column;gap:18px;margin:0;padding:0;list-style:none;display:flex;position:relative}.who__slot{display:block}.who-card{isolation:isolate;box-sizing:border-box;grid-template-columns:var(--who-card) minmax(0, 1fr) auto;width:100%;min-height:var(--who-card);color:var(--navy);font:inherit;text-align:start;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .24s var(--ease,cubic-bezier(.2, .8, .2, 1));background:0 0;border:0;border-radius:0;align-items:center;gap:12px;margin:0;padding:0 16px 0 0;display:grid;position:relative}.who-card:before{z-index:-1;-webkit-backdrop-filter:blur(14px)saturate(1.15);backdrop-filter:blur(14px)saturate(1.15);content:"";background:#ffffffa3;border-radius:30px;position:absolute;inset:12px 0 12px 8px;box-shadow:0 18px 34px -20px #1f2a4480,inset 0 0 0 1.5px #ffffffd9}[data-night=true] .who-card:before{background:#fff8efe6}.who-card__face{width:var(--who-card);height:var(--who-card);border-radius:50%;display:block;overflow:hidden;box-shadow:0 0 0 5px #fff,0 16px 28px -12px #1f2a4473}.who-card__face>img{object-fit:cover;width:100%;height:100%;display:block}.who-card__name{min-width:0;font:800 clamp(34px, 10.3vw, 40px) / 1.05 "Baloo 2", var(--font);letter-spacing:-.01em;overflow-wrap:break-word;text-wrap:balance}.who-card[data-name=m] .who-card__name{font-size:clamp(27px,8.2vw,32px)}.who-card[data-name=l] .who-card__name{font-size:clamp(21px,6.4vw,25px)}.who-card[data-name=xl] .who-card__name{font-size:clamp(18px,5.4vw,21px)}.who-card__go{width:52px;height:52px;color:var(--navy);background:#fff;border-radius:50%;place-items:center;display:grid;box-shadow:0 10px 20px -10px #1f2a448c}.who-card__go>svg{width:52%;height:52%}.who-card:focus-visible{outline:none}.who-card:focus-visible:before{outline:5px solid var(--focus);outline-offset:4px}.who-card:disabled{cursor:default}.who-adults{z-index:1;isolation:isolate;box-sizing:border-box;min-width:200px;min-height:140px;color:var(--navy);font:700 20px/1.1 var(--font);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .2s var(--ease,cubic-bezier(.2, .8, .2, 1));background:0 0;border:0;flex:none;justify-content:center;align-self:center;align-items:center;gap:12px;margin:-8px 0 0;padding:0 30px 0 18px;display:inline-flex;position:relative}.who-adults:before{z-index:-1;-webkit-backdrop-filter:blur(14px)saturate(1.15);backdrop-filter:blur(14px)saturate(1.15);content:"";background:#ffffffc2;border-radius:999px;position:absolute;inset:calc(50% - 36px) 0;box-shadow:0 10px 24px -14px #1f2a444d,inset 0 0 0 1.5px #ffffffbf}[data-night=true] .who-adults:before{background:#fff8eff0}.who-adults__icon{background:var(--navy);color:#fff8ef;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.who-adults__icon>.who-tile__lock{width:24px;height:24px}.who-adults:focus-visible{outline:none}.who-adults:focus-visible:before{outline:5px solid var(--focus);outline-offset:3px}.who-adults:disabled{cursor:default}@media (max-width:699.98px){.who[data-step=picture] .who__hello{min-height:176px;padding-left:134px}.who[data-step=picture] .who__kuyo{height:226px}.who[data-step=picture] .who__hello>.who__bubble{padding-inline:14px}.who[data-step=picture] .who__bubble .mr-bubble__hi{font-size:clamp(19px,5.2vw,22px)}}.who__signin-wrap{z-index:1;justify-content:center;padding-top:28px;display:flex;position:relative}.who__signin{-webkit-backdrop-filter:blur(14px)saturate(1.15);backdrop-filter:blur(14px)saturate(1.15);min-height:72px;color:var(--navy);font:700 20px/1.15 var(--font);background:#ffffffdb;border-radius:999px;align-items:center;padding:0 32px;text-decoration:none;display:inline-flex;position:relative;box-shadow:0 14px 26px -16px #1f2a4473,inset 0 0 0 1.5px #ffffffd9}.who__signin:focus-visible{outline:5px solid var(--focus);outline-offset:4px}.who__pad{z-index:1;position:relative}@media (orientation:landscape) and (min-width:900px) and (min-height:600px),(orientation:portrait) and (min-width:700px) and (min-height:900px){.who .mr-screen__brand{height:max(44px, calc(74 * var(--u)));margin:calc(12 * var(--u)) 0 0 calc(46 * var(--u))}.who-adults{bottom:calc(max(16px, calc(24 * var(--u))) - 4px);left:max(16px, calc(36 * var(--u)));z-index:30;gap:calc(6 * var(--u));width:140px;min-width:140px;height:140px;font:600 max(16px, calc(17 * var(--u))) / 1.15 var(--font);flex-direction:column;margin:0;padding:0;position:fixed}.who-adults:before{inset:calc((100% - max(72px, calc(88 * var(--u)))) / 2) calc((100% - max(100px, calc(124 * var(--u)))) / 2);border-radius:calc(20 * var(--u) + 6px)}.who-adults__icon{width:max(30px, calc(36 * var(--u)));height:max(30px, calc(36 * var(--u)))}.who-adults__icon>.who-tile__lock{width:58%;height:58%}}@media (orientation:portrait) and (min-width:700px) and (min-height:900px){.who{--who-card:168px}.who__scene,.who__stage{max-width:660px}.who__hello{min-height:260px;padding:30px 0 0 230px}.who__kuyo{height:340px}.who__hello>.who__bubble{border-radius:32px;padding:22px 28px 24px}.who__bubble .mr-bubble__hi{font-size:40px}.who__bubble .fennec-caption{font-size:22px}.who-card__name{font-size:52px}.who-card[data-name=m] .who-card__name{font-size:44px}.who-card[data-name=l] .who-card__name{font-size:34px}.who-card[data-name=xl] .who-card__name{font-size:28px}.who-card__go{width:72px;height:72px}}@media (orientation:landscape) and (min-width:900px) and (min-height:600px){.who{grid-template-rows:auto minmax(0,1fr);height:100dvh;min-height:0;padding-bottom:0;display:grid;overflow:hidden}.who__scene{max-width:none;margin:0;container-type:size}.who__stage{--s:min(calc(100cqw / 1300), calc(100cqh / 920));width:calc(1300 * var(--s));max-width:none;height:calc(920 * var(--s));margin:0;display:block;position:absolute;bottom:0;left:50%;translate:-50%}.who__hello{pointer-events:none;min-height:0;padding:0;display:block;position:absolute;inset:0}.who__kuyo{top:calc(100 * var(--s));left:calc(30 * var(--s));height:calc(652 * var(--s))}.who__hello>.who__bubble{top:calc(40 * var(--s));left:calc(446 * var(--s));width:calc(474 * var(--s));min-height:calc(176 * var(--s));padding:calc(26 * var(--s)) calc(30 * var(--s)) calc(28 * var(--s)) calc(56 * var(--s));border-radius:calc(38 * var(--s));pointer-events:auto;position:absolute}.who__hello>.who__bubble:after{top:auto;bottom:calc(36 * var(--s));left:calc(-12 * var(--s));width:calc(30 * var(--s));height:calc(30 * var(--s))}.who__bubble .mr-bubble__hi{font-size:max(28px, calc(66 * var(--s)))}.who__bubble .fennec-caption{margin-top:calc(8 * var(--s));font-size:max(18px, calc(32 * var(--s)));line-height:1.25}.who__bubble .mr-bubble__rays{top:calc(-42 * var(--s));right:calc(-26 * var(--s));width:calc(58 * var(--s));height:calc(58 * var(--s))}.who__cards{--k:1;--c:calc(var(--s) * var(--k));right:calc(130 * var(--s));bottom:calc(168 * var(--s));left:calc(476 * var(--s));place-content:flex-end center;align-items:flex-end;gap:calc(26 * var(--s));flex-flow:wrap;position:absolute}.who__cards[data-count="3"]{--k:.66;gap:calc(20 * var(--s))}.who__cards[data-count="4"]{--k:.45;gap:calc(14 * var(--s))}.who__cards:is([data-count=many],[data-count=lots]){--k:.6;bottom:calc(100 * var(--s));gap:calc(20 * var(--s)) calc(16 * var(--s))}.who__cards[data-count=lots]{--k:.42;gap:calc(14 * var(--s)) calc(12 * var(--s))}.who__cards .who-card{width:calc(330 * var(--c));min-width:140px;min-height:0;padding:0 0 calc(16 * var(--c));text-align:center;flex-direction:column;align-items:center;gap:0;display:flex}.who__cards .who-card:before{inset:calc(106 * var(--c)) 0 0;border-radius:calc(38 * var(--c))}.who__cards .who-card__face{width:calc(246 * var(--c));height:calc(246 * var(--c));box-shadow:0 0 0 calc(7 * var(--c)) #fff, 0 calc(20 * var(--c)) calc(34 * var(--c)) calc(-14 * var(--c)) #1f2a4473}.who__cards .who-card__name{max-width:100%;margin-top:calc(18 * var(--c));padding-inline:calc(14 * var(--c));box-sizing:border-box;font-size:calc(72 * var(--c))}.who__cards .who-card[data-name=m] .who-card__name{font-size:calc(62 * var(--c))}.who__cards .who-card[data-name=l] .who-card__name{font-size:calc(50 * var(--c))}.who__cards .who-card[data-name=xl] .who-card__name{font-size:calc(42 * var(--c))}.who__cards .who-card__go{margin-top:calc(10 * var(--c));width:calc(94 * var(--c));height:calc(94 * var(--c));box-shadow:0 calc(12 * var(--c)) calc(22 * var(--c)) calc(-10 * var(--c)) #1f2a4480}.who__signin-wrap{top:calc(304 * var(--s));right:calc(130 * var(--s));bottom:calc(168 * var(--s));left:calc(476 * var(--s));align-items:center;padding:0;position:absolute}.who__signin{min-height:max(72px, calc(88 * var(--s)));padding-inline:calc(40 * var(--s));font-size:max(20px, calc(26 * var(--s)))}.who[data-step=picture]{height:auto;min-height:100dvh;padding-bottom:164px;overflow:visible}.who[data-step=picture] .who__scene{container-type:normal}.who[data-step=picture] .who__stage{--s:calc(var(--u) * 1.12);align-items:start;gap:calc(18 * var(--u)) calc(28 * var(--u));grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);width:100%;max-width:1300px;height:auto;margin-inline:auto;display:grid;position:relative;bottom:auto;left:auto;translate:none}.who[data-step=picture] .who__hello{display:contents}.who[data-step=picture] .who__kuyo{margin-top:calc(110 * var(--u));height:calc(606 * var(--u));grid-area:1/1/3;justify-self:center;position:relative;top:auto;left:auto}.who[data-step=picture] .who__hello>.who__bubble{grid-area:1/2;justify-self:start;width:auto;max-width:100%;min-height:0;position:relative;top:auto;left:auto}.who[data-step=picture] .who__bubble .mr-bubble__hi{font-size:max(28px, calc(46 * var(--u)))}.who[data-step=picture] .who__bubble .fennec-caption{font-size:max(18px, calc(26 * var(--u)))}.who[data-step=picture] .who__pad{grid-area:2/2}}@media (prefers-reduced-motion:no-preference){.who[data-motion=full] .who__slot{animation:.52s cubic-bezier(.2,.8,.2,1) both who-rise}.who[data-motion=full] .who__slot:nth-child(2){animation-delay:70ms}.who[data-motion=full] .who__slot:nth-child(3){animation-delay:.14s}.who[data-motion=full] .who__slot:nth-child(n+4){animation-delay:.21s}.who[data-motion=full] :is(.who-card,.who-adults):not(:disabled):hover{transform:translateY(-4px)}.who[data-motion=full] :is(.who-card,.who-adults)[data-pressed]{transform:scale(.97)}.who[data-motion=full] :is(.who-card,.who-adults)[data-chosen]{transition-duration:.32s;transform:scale(1.06)}.who-pin[open] .who-pin__form{animation:.32s cubic-bezier(.34,1.56,.64,1) both who-rise}.who-pin__boxes[data-shake]{animation:.36s ease-out who-shake}}@keyframes who-rise{0%{transform:translateY(16px)}}@keyframes who-shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.who-pin{color:#f4f1ea;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#182238;border:1px solid #263252;border-radius:28px;width:min(420px,100vw - 32px);margin:auto;padding:32px 28px 24px;font-family:Figtree,system-ui,sans-serif;box-shadow:0 40px 80px -30px #000c}.who-pin::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05080fc2}.who-pin__form{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.who-pin__badge{color:#ffb07a;background:#f080392e;border-radius:18px;justify-content:center;align-items:center;width:56px;height:56px;display:inline-flex}.who-pin__badge .who-tile__lock{width:30px;height:30px}.who-pin h2{font-family:"Baloo 2", var(--font);margin:0;font-size:1.75rem;font-weight:800}.who-pin label{color:#b6bdd0}.who-pin__boxes{grid-template-columns:repeat(4,56px);gap:12px;margin:6px 0;display:grid;position:relative}.who-pin__input{z-index:1;color:#0000;caret-color:#0000;letter-spacing:0;background:0 0;border:0;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.who-pin__input:focus-visible{outline-offset:6px;border-radius:14px;outline:3px solid #8fb0ff}.who-pin__box{background:#0e1424;border:2px solid #7d88a6;border-radius:14px;justify-content:center;align-items:center;height:64px;display:flex}.who-pin__box[data-current]{border-color:#fff8ef}.who-pin__box[data-filled]:after{content:"";background:#fff8ef;border-radius:50%;width:14px;height:14px}.who-pin__problem{color:#ffb07a;margin:0;font-weight:700}.who-pin__actions{flex-wrap:wrap;justify-content:center;gap:8px 16px;display:flex}.who-pin__primary{color:#1f2a44;background:#fff8ef;border:0;border-radius:12px;min-height:48px;padding:0 22px;font-weight:800}.who-pin__quiet{color:#f4f1ea;text-underline-offset:4px;background:0 0;border:0;min-height:48px;padding:0 8px;font-weight:700;text-decoration:underline}.who-pin__primary:focus-visible,.who-pin__quiet:focus-visible{outline-offset:2px;outline:3px solid #8fb0ff}
