.who-game{--who-cream:#f7ead1;--who-ink:#30483d;--who-green:#52725f;--who-honey:#d59b4a;min-height:100svh;color:var(--who-ink);background:#1f3f35;overflow:hidden}.who-controls{z-index:40;top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));gap:8px;display:flex;position:fixed}.who-controls button,.who-feedback button,.who-motion-replay{color:#fff8ea;min-width:44px;min-height:44px;font:inherit;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#283d33d6;border:1px solid #ffffff9e;border-radius:999px;padding:9px 15px;font-weight:800;box-shadow:0 7px 24px #142a2038}.who-game button:focus-visible{outline-offset:3px;outline:4px solid #fff}.who-play{background:#203d31;min-height:100svh;padding:0}.who-scene{isolation:isolate;width:100%;min-height:100svh;position:relative;overflow:hidden}.who-scene-background{z-index:-2;object-fit:cover}.who-scene:after{z-index:-1;content:"";pointer-events:none;background:linear-gradient(#19302624,#0000 28%,#16261e17);position:absolute;inset:0}.who-question{z-index:20;top:max(14px, env(safe-area-inset-top));text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9eaed;border:3px solid #ffffffb8;border-radius:36px 36px 42px 42px;width:min(64vw,720px);min-height:86px;padding:13px 72px 16px 28px;position:absolute;left:50%;translate:-50%;box-shadow:0 13px 35px #27392b38}.who-question:after{content:"";background:#fff9eaed;border-bottom:3px solid #ffffffb8;border-right:3px solid #ffffffb8;width:26px;height:26px;position:absolute;bottom:-14px;left:50%;translate:-50%;rotate:45deg}.who-question p{color:#79644c;letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:900}.who-question h1{margin:2px 0 0;font-family:Georgia,serif;font-size:clamp(1.65rem,3.5vw,3.5rem);line-height:1.04}.who-question>span{color:#79644c;font-size:.8rem;font-weight:900;position:absolute;top:50%;right:22px;translate:0 -50%}.who-progress{background:#4a665229;border-radius:999px;height:4px;position:absolute;bottom:7px;left:44px;right:44px;overflow:hidden}.who-progress i{border-radius:inherit;background:linear-gradient(90deg, var(--who-honey), #7d9d72);height:100%;transition:width .5s;display:block}.who-actors{position:absolute;inset:104px 0 0}.who-anchor{z-index:var(--who-z);top:var(--who-y);left:var(--who-x);pointer-events:none;width:0;height:0;position:absolute}.who-anchor--back-center{--who-x:50%;--who-screen-x:50vw;--who-y:50%;--who-depth:.68;--who-z:2}.who-anchor--middle-left{--who-x:25%;--who-screen-x:25vw;--who-y:70%;--who-depth:.82;--who-z:4}.who-anchor--middle-right{--who-x:75%;--who-screen-x:75vw;--who-y:69%;--who-depth:.82;--who-z:4}.who-anchor--front-left{--who-x:30%;--who-screen-x:30vw;--who-y:94%;--who-depth:1;--who-z:7}.who-anchor--front-right{--who-x:70%;--who-screen-x:70vw;--who-y:93%;--who-depth:1;--who-z:7}.who-actor{--who-size:min(24vw, 330px);width:calc(var(--who-size) * var(--who-depth));min-width:44px;height:calc(var(--who-size) * var(--who-depth));filter:drop-shadow(0 12px 11px #1d2c224f);pointer-events:auto;cursor:pointer;background:0 0;border:0;border-radius:48%;min-height:44px;padding:0;transition:filter .22s;position:absolute;top:0;left:0;translate:-50% -100%;animation-delay:var(--who-delay)!important}.who-scene[data-actor-count="2"] .who-actor{--who-size:min(38vw, 470px)}.who-scene[data-actor-count="3"] .who-actor{--who-size:min(31vw, 390px)}.who-scene[data-actor-count="4"] .who-actor{--who-size:min(25vw, 320px)}.who-scene[data-actor-count="5"] .who-actor{--who-size:min(21vw, 275px)}.who-scene[data-actor-count="4"] .who-anchor--middle-left{--who-x:16%;--who-screen-x:16vw}.who-scene[data-actor-count="4"] .who-anchor--middle-right{--who-x:84%;--who-screen-x:84vw}.who-scene[data-actor-count="4"] .who-anchor--front-left{--who-x:42%;--who-screen-x:42vw}.who-scene[data-actor-count="5"] .who-anchor--middle-left{--who-x:14%;--who-screen-x:14vw}.who-scene[data-actor-count="5"] .who-anchor--middle-right{--who-x:86%;--who-screen-x:86vw}.who-scene[data-actor-count="5"] .who-anchor--front-left{--who-x:34%;--who-screen-x:34vw}.who-scene[data-actor-count="5"] .who-anchor--front-right{--who-x:66%;--who-screen-x:66vw}.who-actor:not(:disabled):hover{filter:drop-shadow(0 18px 17px #1d2c226b)}.who-actor:focus-visible{border-radius:45%;outline-color:#fff4b8!important}.who-actor.is-hinted{filter:drop-shadow(0 0 8px #fff8cc)drop-shadow(0 0 26px #f2c66e)}.who-action-cycle{position:absolute;inset:0}.who-action-fallback{object-fit:contain;-webkit-user-select:none;user-select:none}.who-action-sprite{background-image:var(--who-sprite);animation:who-whole-frame var(--who-duration) steps(1, end) infinite;animation-delay:var(--who-delay);background-position:0 0;background-repeat:no-repeat;background-size:500% 400%;position:absolute;inset:0}.who-actor--walk{animation:who-route-walk var(--who-duration) linear infinite}.who-actor--run{animation:who-route-run var(--who-duration) linear infinite}.who-actor--jump{animation:who-route-jump var(--who-duration) cubic-bezier(.36, .02, .33, 1) infinite}.who-actor.is-retry .who-action-cycle{animation:.36s who-neutral}.who-actor.is-correct .who-action-cycle{animation:.76s both who-joy}.who-motion-replay{z-index:21;bottom:max(12px, env(safe-area-inset-bottom));display:none;position:absolute;left:12px}.who-feedback{z-index:22;right:50%;bottom:max(14px, env(safe-area-inset-bottom));color:#fff9ea;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#283e32e8;border:2px solid #ffffffb3;border-radius:28px;justify-content:center;align-items:center;gap:12px;max-width:min(90vw,720px);min-height:54px;padding:10px 18px;display:flex;position:absolute;translate:50%;box-shadow:0 12px 32px #14261d3d}.who-feedback>i{background:#f4c866;border-radius:50%;width:13px;height:13px;box-shadow:0 0 0 7px #f4c8663b}.who-feedback button{color:#395144;background:#fff5d8;border-color:#f0cf83}.who-feedback span{font-size:.85rem}.who-finale{background:radial-gradient(circle at 15% 10%, #fff7e7 0, var(--who-cream) 42%, #c7d7b5 100%);grid-template-columns:minmax(420px,1.2fr) minmax(300px,.8fr);align-items:center;gap:clamp(24px,5vw,76px);min-height:100svh;padding:clamp(76px,8vw,110px) clamp(20px,5vw,78px) clamp(28px,5vw,64px);display:grid}.who-kicker{color:#6f5135;letter-spacing:.08em;text-transform:uppercase;margin:0 0 9px;font-size:.82rem;font-weight:900}.who-finale h1{letter-spacing:-.045em;margin:0;font-family:Georgia,serif;font-size:clamp(2.7rem,5vw,5.6rem);font-weight:650;line-height:.93}.who-finale p{max-width:620px;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.55}.who-finale-art{aspect-ratio:16/10;border:8px solid #fffcefc7;border-radius:clamp(26px,4vw,58px);width:100%;position:relative;overflow:hidden;box-shadow:0 30px 80px #2c432f47}.who-finale-art img{object-fit:cover}.who-primary{border:2px solid var(--who-green);background:var(--who-green);color:#fff;min-height:48px;font:inherit;border-radius:999px;padding:12px 20px;font-weight:900}.who-gate-backdrop{z-index:80;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#12241cc2;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.who-gate{background:#fff7e6;border-radius:28px;width:min(100%,480px);padding:28px;box-shadow:0 25px 70px #0a191157}.who-gate h2{margin-top:0;font-family:Georgia,serif;font-size:2rem}.who-gate form{gap:12px;display:grid}.who-gate label{gap:6px;font-weight:800;display:grid}.who-gate input{min-height:48px;font:inherit;border:2px solid #829987;border-radius:14px;padding:8px 12px}.who-gate-actions{flex-wrap:wrap;gap:8px;display:flex}.who-gate button{border:2px solid var(--who-green);background:var(--who-green);color:#fff;min-height:44px;font:inherit;border-radius:999px;padding:9px 14px;font-weight:850}@keyframes who-route-walk{0%{translate:calc(-100% - var(--who-screen-x)) -100%;opacity:0}8%{opacity:1}92%{opacity:1}to{translate:calc(100vw - var(--who-screen-x)) -100%;opacity:0}}@keyframes who-route-run{0%{translate:calc(-100% - var(--who-screen-x)) -100%;opacity:0}7%{opacity:1}93%{opacity:1}to{translate:calc(100vw - var(--who-screen-x)) -100%;opacity:0}}@keyframes who-route-jump{0%,to{translate:-50% -100%}12%{translate:-50% -96%}43%{translate:-50% -132%}72%{translate:-50% -99%}84%{translate:-50% -104%}}@keyframes who-whole-frame{0%,to{background-position:0 0}5%{background-position:25% 0}10%{background-position:50% 0}15%{background-position:75% 0}20%{background-position:100% 0}25%{background-position:0 33.333%}30%{background-position:25% 33.333%}35%{background-position:50% 33.333%}40%{background-position:75% 33.333%}45%{background-position:100% 33.333%}50%{background-position:0 66.667%}55%{background-position:25% 66.667%}60%{background-position:50% 66.667%}65%{background-position:75% 66.667%}70%{background-position:100% 66.667%}75%{background-position:0 100%}80%{background-position:25% 100%}85%{background-position:50% 100%}90%{background-position:75% 100%}95%{background-position:100% 100%}}@keyframes who-neutral{45%{translate:-5px}75%{translate:3px}}@keyframes who-joy{0%,to{translate:0}45%{translate:0 -15px}}@media (max-width:900px){.who-question{width:calc(100vw - 28px);min-height:72px;padding:10px 60px 13px 18px;top:66px}.who-actors{top:138px}.who-finale{grid-template-columns:1fr;padding-top:86px}.who-finale-art{grid-row:1}}@media (max-width:620px){.who-controls{gap:5px;right:8px}.who-controls button{padding:8px 11px;font-size:.76rem}.who-question p{display:none}.who-question h1{font-size:clamp(1.35rem,7vw,2.2rem)}.who-progress{left:34px;right:34px}.who-anchor--back-center{--who-x:50%;--who-y:44%;--who-depth:.65}.who-anchor--middle-left{--who-x:23%;--who-y:66%;--who-depth:.72}.who-anchor--middle-right{--who-x:78%;--who-y:68%;--who-depth:.72}.who-anchor--front-left{--who-x:27%;--who-y:94%;--who-depth:.9}.who-anchor--front-right{--who-x:73%;--who-y:93%;--who-depth:.9}.who-scene[data-actor-count="2"] .who-actor{--who-size:58vw}.who-scene[data-actor-count="3"] .who-actor{--who-size:50vw}.who-scene[data-actor-count="4"] .who-actor{--who-size:34vw}.who-scene[data-actor-count="5"] .who-actor{--who-size:29vw}.who-feedback{flex-wrap:wrap;font-size:.86rem;bottom:8px}.who-finale{padding-inline:16px}}@media (max-height:540px) and (orientation:landscape){.who-controls{top:6px}.who-controls button{min-height:40px;padding-block:6px}.who-question{width:min(58vw,620px);min-height:58px;padding-block:7px 11px;top:6px}.who-question h1{font-size:clamp(1.2rem,4.2vh,1.7rem)}.who-question p{display:none}.who-actors{top:58px}.who-anchor--back-center{--who-y:52%}.who-anchor--middle-left,.who-anchor--middle-right{--who-y:76%}.who-anchor--front-left,.who-anchor--front-right{--who-y:99%}.who-scene[data-actor-count="2"] .who-actor{--who-size:min(30vw, 72vh)}.who-scene[data-actor-count="3"] .who-actor{--who-size:min(25vw, 66vh)}.who-scene[data-actor-count="4"] .who-actor{--who-size:min(21vw, 62vh)}.who-scene[data-actor-count="5"] .who-actor{--who-size:min(18vw, 58vh)}.who-feedback{max-width:44vw;min-height:46px;bottom:8px;right:8px;translate:0}}@media (prefers-reduced-motion:reduce){.who-actor,.who-actor *,.who-actor :before,.who-actor :after{animation-iteration-count:1!important;animation-delay:0s!important}.who-progress{transition:none}.who-motion-replay{display:block}.who-feedback{bottom:64px}}