.casting-quiz-screen{min-height:100dvh;overflow:hidden;background-image:url(/skins/casting_quiz/bg.webp);background-size:cover;background-position:top;background-repeat:no-repeat}.casting-main-card,.casting-quiz-screen{position:relative;display:flex;flex-direction:column}.casting-main-card{overflow:visible;padding:100px 14px 12px;box-shadow:0 18px 45px rgba(0,0,0,.18)}.casting-actor-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px 20px;gap:20px 20px;padding:35px 30px 28px}.casting-actor{aspect-ratio:1/1;border-radius:50%;perspective:1000px;transform:scale(1.12)}.casting-actor-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;will-change:transform}.casting-actor.spinning .casting-actor-inner{animation:actorRotateOnce .9s linear both}.casting-actor-field{position:relative;height:330px;margin:14px 16px 12px;border-radius:24px;overflow:visible;background:radial-gradient(circle at 50% 18%,hsla(0,0%,100%,.22),transparent 34%),radial-gradient(circle at 18% 40%,rgba(255,0,0,.13),transparent 28%),linear-gradient(180deg,hsla(0,0%,8%,.78),rgba(0,0,0,.94));border:1px solid hsla(0,0%,100%,.12);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.12),0 18px 42px rgba(0,0,0,.35)}.casting-actor-back,.casting-actor-front{position:absolute;inset:0;border-radius:50%;overflow:hidden;padding:0;background:#fffaf0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:4px solid #f3e4bf;box-shadow:0 8px 18px rgba(0,0,0,.12)}.casting-actor-front{transform:rotateY(0deg);position:absolute}.actor-img-color,.actor-img-gray{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;pointer-events:none}.actor-img-gray{filter:grayscale(100%) brightness(.78)}.actor-img-color{filter:none;-webkit-clip-path:circle(0 at 50% 50%);clip-path:circle(0 at 50% 50%)}.casting-actor.revealed .actor-img-color{animation:colorBloom .45s ease-out forwards}@keyframes colorBloom{0%{-webkit-clip-path:circle(0 at 50% 50%);clip-path:circle(0 at 50% 50%)}65%{-webkit-clip-path:circle(56% at 50% 50%);clip-path:circle(56% at 50% 50%)}to{-webkit-clip-path:circle(75% at 50% 50%);clip-path:circle(75% at 50% 50%)}}.casting-actor-back{transform:rotateY(180deg);background:#111;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.78rem;font-weight:800;line-height:1.15;word-break:keep-all;padding:10px}.casting-actor.revealed .casting-actor-back,.casting-actor.revealed .casting-actor-front{box-shadow:0 12px 24px rgba(255,205,44,.3),inset 0 0 0 4px #ffd22e}.casting-answer-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px}.casting-answer-btn{min-height:84px;display:flex;align-items:center;justify-content:center;padding:14px 18px;text-align:center;line-height:1.28;white-space:normal;word-break:keep-all;overflow-wrap:anywhere;font-size:.96rem;font-weight:800;border:3px solid #d4af37;border-radius:20px;background:linear-gradient(180deg,#284b88,#18386a 45%,#112a52);color:#fff;box-shadow:inset 0 2px 0 hsla(0,0%,100%,.25),0 8px 18px rgba(0,0,0,.35)}.casting-answer-btn:before{content:"";position:absolute;left:-60%;top:0;width:40%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.45),transparent)}.casting-answer-btn:hover:before{animation:shine .7s linear}@keyframes shine{to{left:130%}}.casting-answer-btn.selected{background:linear-gradient(180deg,#ffd95d,#d4af37);color:#152b57;border-color:#fff7cc;transform:scale(.97)}.casting-answer-btn:disabled{pointer-events:none}.casting-answer-btn.wrong{background:linear-gradient(180deg,#d94b55,#8d1e29)}.casting-countdown,.casting-result{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;font-size:5rem;font-weight:1000;color:#fff;background:rgba(0,0,0,.35);text-shadow:0 8px 20px rgba(0,0,0,.35)}.casting-result.fail{color:#ff4242}.casting-movie-overlay{position:fixed;inset:0;z-index:2100;background:rgba(0,0,0,.62);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:22px}.casting-movie-card-wrap{width:min(92vw,420px);display:flex;flex-direction:column;gap:16px}.casting-next-quiz-btn{height:56px;border:0;border-radius:18px;background:linear-gradient(180deg,#ff5a61,#c91f2f);color:#fff;font-size:1.1rem;font-weight:900}.casting-round-timer{animation:timerPulse .5s ease-in-out infinite alternate;position:fixed;top:18px;right:18px;z-index:1000;width:58px;height:58px;border-radius:50%;border:4px solid #ffcf32;display:flex;align-items:center;justify-content:center;z-index:20;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,.18);transition:background .2s ease,border-color .2s ease}.timer-10{background:#fff8dc;border-color:#f8c300}.timer-10 span{color:#1d2b53}.timer-9{background:#ff5252;border-color:#b71c1c}.timer-9 span{color:#fff}.timer-8{background:#42a5f5;border-color:#1565c0}.timer-8 span{color:#fff}.timer-7{background:#66bb6a;border-color:#2e7d32}.timer-7 span{color:#fff}.timer-6{background:#ab47bc;border-color:#6a1b9a}.timer-6 span{color:#fff}.timer-5{background:#ffa726;border-color:#ef6c00}.timer-5 span{color:#fff}.timer-4{background:#ec407a;border-color:#ad1457}.timer-4 span{color:#fff}.timer-3{background:#26c6da;border-color:#00838f}.timer-3 span{color:#fff}.timer-2{background:#455a64;border-color:#111}.timer-2 span{color:#fff}.timer-1{background:#ff1744;border-color:#7f0000}.timer-1 span{color:#fff}.casting-round-timer span{position:relative;z-index:3;font-size:1.35rem;font-weight:1000}.timer-hand{position:absolute;left:50%;top:50%;width:3px;height:26px;background:#ff4b4b;border-radius:4px;transform-origin:bottom center;transform:translate(-50%,-100%) rotate(0deg);animation:timerHandSpin 1s linear infinite}.timer-7 .timer-hand{background:#43a047}.timer-6 .timer-hand{background:#8e24aa}.timer-5 .timer-hand{background:#fb8c00}.timer-4 .timer-hand{background:#d81b60}.timer-3 .timer-hand{background:#00acc1}.timer-2 .timer-hand{background:#111}.timer-1 .timer-hand{background:#ff1744}@keyframes timerPulse{0%{transform:scale(1)}to{transform:scale(1.08)}}@keyframes timerHandSpin{0%{transform:translate(-50%,-100%) rotate(0deg)}to{transform:translate(-50%,-100%) rotate(1turn)}}@keyframes timerDanger{0%{transform:scale(1);box-shadow:0 0 8px rgba(255,0,0,.4)}to{transform:scale(1.12);box-shadow:0 0 24px rgba(255,0,0,.9)}}@media (max-width:390px){.casting-header{height:100px}.casting-header h1{font-size:2.35rem}.casting-actor-grid{gap:20px 18px;padding:8px 4px 20px}.casting-bottom-area{margin-top:auto;padding:12px}.casting-answer-btn{min-height:76px;font-size:.92rem}}@keyframes actorRotateOnce{0%{transform:rotateY(0deg)}50%{transform:rotateY(180deg)}to{transform:rotateY(1turn)}}.casting-next-quiz-btn-fixed{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);width:min(88vw,340px);height:56px;border:0;border-radius:18px;background:#e8808c;color:#fff;font-size:1.08rem;font-weight:900;z-index:9999;box-shadow:0 12px 28px rgba(0,0,0,.35)}.casting-next-loading{z-index:2500;background:rgba(0,0,0,.42);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:1.35rem;font-weight:900}.casting-local-loading,.casting-next-loading{position:fixed;inset:0;display:flex;align-items:center;justify-content:center}.casting-local-loading{z-index:3000;background:rgba(0,0,0,.45)}.casting-poster-answer-overlay{position:fixed;inset:0;z-index:3000;background:rgba(0,0,0,.82);display:flex;align-items:center;justify-content:center;padding:26px 20px;animation:answerOverlayFade .28s ease-out}.casting-poster-answer-card{width:min(84vw,360px);display:flex;flex-direction:column;align-items:center;opacity:0;transform:translateY(14px) scale(.97);animation:answerPosterIn .42s cubic-bezier(.2,.9,.25,1.1)}.casting-poster-answer-card.loaded{opacity:1;transform:translateY(0) scale(1);transition:opacity .25s ease,transform .25s ease}.casting-answer-poster{width:100%;max-height:76vh;object-fit:cover;border-radius:28px;box-shadow:0 24px 70px rgba(0,0,0,.55)}.casting-answer-next-text{margin-top:18px;color:#e8808c;font-size:1.25rem;font-weight:900;letter-spacing:-.3px}@keyframes answerOverlayFade{0%{opacity:0}to{opacity:1}}@keyframes answerPosterIn{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.casting-home-btn{position:absolute;top:30px;left:18px;height:36px;padding:0 14px;border:0;border-radius:18px;background:hsla(0,0%,100%,.9);color:#16335d;font-size:.8rem;font-weight:900;letter-spacing:.8px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(0,0,0,.15);z-index:100;cursor:pointer;transition:transform .15s ease,background .2s ease}.casting-home-btn:hover{background:#fff}.casting-home-btn:active{transform:scale(.95)}