:root{color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}html,body{width:100%;height:100dvh;max-height:100dvh;overflow:hidden;background-color:#06080c}body{color:var(--text-light);font-family:Outfit,sans-serif;display:flex;justify-content:center;align-items:center;position:relative}.arena-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:linear-gradient(180deg,#06080c00 30%,#06080c4d),radial-gradient(circle 45vmin at 30% 32%,rgb(var(--left-rgb),.4),rgb(var(--left-rgb),.26) 45%,rgb(var(--left-rgb),0)),radial-gradient(circle 45vmin at 70% 68%,rgb(var(--right-rgb),.4),rgb(var(--right-rgb),.26) 45%,rgb(var(--right-rgb),0)),var(--arena-grad, #06080c)}.bg-veil{position:absolute;inset:0;opacity:0;transition:opacity .6s ease;pointer-events:none}.bg-veil-left{background:linear-gradient(90deg,#04060ad1,#04060ac2 38%,#04060a00 50%)}.bg-veil-right{background:linear-gradient(270deg,#04060ad1,#04060ac2 38%,#04060a00 50%)}.wrapper{--rhythm:20px;position:relative;z-index:10;width:100%;max-width:900px;height:100dvh;max-height:100dvh;display:flex;flex-direction:column;justify-content:space-between;padding:var(--rhythm);gap:var(--rhythm);overflow:hidden}.header{--hpad-x:16px;--hpad-y:13px;--progress-h:6px;position:relative;flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;gap:var(--space-lg);background:var(--ui-panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--ui-border);padding:var(--hpad-y) var(--hpad-x) calc(var(--hpad-y) + var(--progress-h));border-radius:var(--radius-xl);overflow:hidden;overflow:clip}.quiz-progress{position:absolute;left:0;right:0;bottom:0;height:var(--progress-h, 6px);pointer-events:none;background:var(--ui-border)}.quiz-progress-fill{position:absolute;inset:0;background:linear-gradient(90deg,var(--left-glow),var(--right-glow));clip-path:inset(0 calc(100% - var(--p, 0) * 100%) 0 0);transition:clip-path .35s ease}.nav-back{display:flex;flex:0 0 auto;color:var(--ui-fg);background:#7f7f7f1f;border:1px solid var(--ui-border);transition:all .2s ease}.nav-back:hover{background:#7f7f7f38;color:var(--ui-fg)}.nav-back-short{display:none}@media(max-width:760px){.nav-back-full{display:none}.nav-back-short{display:inline}}@media(max-width:440px){.nav-back-full,.nav-back-short{display:none}.nav-back{padding:6px 8px}}.progress-text{flex:1 1 auto;min-width:0;text-align:center;font-size:clamp(.85rem,1.7vw,1.05rem);letter-spacing:2px;text-transform:uppercase;color:var(--ui-fg-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.counter-noun{white-space:nowrap}.header-right{display:flex;align-items:center;gap:var(--space-md);flex:0 0 auto}.nav-back{flex:0 0 auto}.score-box{display:flex;align-items:center;gap:.42em;background:var(--score-chip, rgb(127 127 127 / 10%));padding:5px 13px;border-radius:var(--radius-md);font-size:clamp(1.32rem,1.05rem + 1.15vw,1.72rem);border:1px solid var(--ui-border);white-space:nowrap}.score-seg{display:inline-flex;align-items:center;gap:.24em}.score-seg-ok{color:var(--score-ok)}.score-seg-bad{color:var(--score-bad)}.score-ok,.score-bad{font-weight:800;font-variant-numeric:tabular-nums;line-height:1}.score-ok{color:var(--score-ok)}.score-bad{color:var(--score-bad)}.score-icon{width:.62em;height:.62em;flex:0 0 auto}.score-div{flex:0 0 auto;width:2px;height:1.08em;border-radius:1px;background:var(--ui-border)}.streak-chip{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:6px 11px;border-radius:var(--radius-md);color:#fbbf24;background:#f59e0b29;border:1px solid rgb(245 158 11 / 45%)}.streak-chip[hidden]{display:none}.streak-chip svg{flex:0 0 auto;filter:drop-shadow(0 0 5px rgb(245 158 11 / 55%))}.streak-num{font-weight:800;font-variant-numeric:tabular-nums;font-size:clamp(.9rem,1.7vw,1.1rem);line-height:1}.streak-chip.bump{animation:streak-pop .34s cubic-bezier(.22,1,.36,1)}@keyframes streak-pop{0%{transform:scale(1)}40%{transform:scale(1.16)}to{transform:scale(1)}}.header .icon-btn{border-radius:var(--radius-sm);background:#7f7f7f29}.icon-btn:hover{background:#7f7f7f4d;border-color:var(--ui-border, rgb(255 255 255 / 28%));transform:translateY(-1px)}.theater-card{--qpad-y:24px;--qpad-x:32px;flex:1.1 1 0%;min-height:0;background:var(--ui-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--ui-border);border-radius:var(--radius-2xl);padding:var(--qpad-y) var(--qpad-x);display:flex;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden;box-shadow:0 1px 1px #0307120d,0 2px 2px #0307120d,0 4px 4px #0307120f,0 8px 10px #0307120f,0 16px 24px #03071212}.quote-layer{position:absolute;inset:0;padding:inherit;display:flex;justify-content:center;align-items:center;transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .45s ease,bottom .35s ease}.theater-card.verdict .quote-layer{bottom:var(--verdict-h, 130px)}.theater-card.verdict.has-orig .quote-layer{padding-right:calc(var(--qpad-x) + 30px)}.quote-orig-btn{position:absolute;top:12px;right:12px;z-index:6;opacity:0;pointer-events:none;transition:opacity .25s ease,background .2s ease}.theater-card.verdict .quote-orig-btn:not([hidden]){opacity:1;pointer-events:auto}.quote-orig-btn[aria-pressed=true]{background:#7f7f7f57;box-shadow:inset 0 0 0 1px var(--ui-border)}@keyframes orig-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.55)}}.quote-orig-btn.pulse{animation:orig-pulse .9s ease-in-out 1.2s 2 both}.quote-layer.quote-enter{transform:translateY(-58%) scale(.6);opacity:0}.quote-layer.quote-exit{transform:translateY(66%) scale(.6);opacity:0}.quote-typography{--quote-fit:1;--quote-max:1.78rem;--quote-measure:none;transition-property:none;font-family:Merriweather,serif;line-height:1.5;font-size:calc(clamp(1.15rem,2.5vh + .85vw,var(--quote-max)) * var(--font-scale, 1) * var(--quote-fit));font-style:italic;color:var(--ui-fg);overflow-y:auto;max-height:100%;padding-right:4px;max-width:var(--quote-measure);text-wrap:balance}.feedback-bar{position:absolute;left:0;right:0;bottom:0;z-index:5;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:14px 18px;background:var(--ui-bar, rgb(9 12 20 / 96%));border-top:1px solid var(--ui-border);opacity:0;transform:translateY(14px);visibility:hidden;pointer-events:none;transition:opacity .35s ease,transform .45s cubic-bezier(.34,1.56,.64,1),visibility 0s linear .45s}.feedback-bar.show{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition-delay:0s}.feedback-verdict{display:flex;align-items:baseline;justify-content:center;gap:6px 14px;flex-wrap:wrap}.feedback-title{font-size:clamp(1.25rem,3.4vh,1.7rem);font-weight:800;letter-spacing:2px;text-transform:uppercase}.feedback-sub{font-size:clamp(.95rem,2.4vh,1.2rem);letter-spacing:4px;text-transform:uppercase;color:var(--ui-fg);font-weight:700}.feedback-source{margin:0;max-width:640px;text-align:center;font-size:.78rem;line-height:1.45;color:var(--ui-fg-soft)}.feedback-source[hidden]{display:none}.feedback-source-label{font-weight:700;letter-spacing:1px;text-transform:uppercase}.feedback-source-link{color:var(--ui-fg);font-weight:700;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}.feedback-source-link[hidden]{display:none}.feedback-source-link:focus-visible{outline:2px solid var(--ui-fg);outline-offset:2px;border-radius:3px}.feedback-source-text{transition:max-height .35s cubic-bezier(.22,1,.36,1)}.feedback-source-text.clamped{cursor:pointer}.feedback-source-text.clamped:not(.expanded){text-decoration:underline dotted;text-underline-offset:3px}.feedback-source-text.clamped:focus-visible{outline:2px solid var(--ui-fg);outline-offset:2px;border-radius:3px}.feedback-source-text.expanded{-webkit-line-clamp:unset;line-clamp:unset;overflow-y:auto}.wrapper.verdict.source-open .cards-grid{flex-grow:.02}.feedback-social{margin:3px 0 0;text-align:center;font-size:.82rem;font-weight:600;color:var(--ui-fg-soft);font-variant-numeric:tabular-nums}.feedback-social[hidden]{display:none}.feedback-bar{--next-gap:14px}.feedback-next{display:inline-flex;align-items:center;gap:var(--space-sm);margin-top:var(--next-gap);cursor:pointer;position:relative;overflow:hidden;font-family:inherit;font-weight:700;font-size:1.06rem;padding:.77em 1.77em;min-height:48px;border-radius:var(--radius-pill);color:var(--ui-bar);background:var(--ui-fg);border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease}.feedback-next:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.feedback-next:focus-visible{outline:2px solid var(--ui-fg);outline-offset:3px}.feedback-next.auto-armed:before{content:"";position:absolute;top:0;left:0;bottom:0;width:0;background:#0a0e162e;pointer-events:none;animation:auto-next-fill var(--auto-next-ms, 4s) linear forwards}@keyframes auto-next-fill{to{width:100%}}.cards-grid{--name-size:clamp(1.25rem,2.8vh,1.85rem);position:relative;flex:1 1 0%;min-height:0;display:flex;gap:var(--rhythm);transition:flex-grow .35s cubic-bezier(.22,1,.36,1)}.first-hint{position:absolute;left:50%;bottom:calc(var(--space-2xl) + var(--name-size) * 1.65);transform:translate(-50%);z-index:5;pointer-events:none;max-width:calc(100% - 28px);text-align:center;padding:.59em 1.18em;border-radius:var(--radius-pill);line-height:1.3;background:var(--ui-panel);color:var(--ui-fg);border:1px solid var(--ui-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.85rem;font-weight:600;box-shadow:0 8px 24px #0000004d;animation:hint-in .45s ease both,hint-bob 2.6s ease-in-out .55s infinite}.first-hint[hidden]{display:none}@media(hover:none)and (pointer:coarse){.first-hint .hint-keys{display:none}}@keyframes hint-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@keyframes hint-bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-3px)}}.resume-toast{position:fixed;top:116px;left:50%;transform:translate(-50%);z-index:40;display:inline-flex;align-items:center;gap:9px;max-width:calc(100% - 20px);padding:8px 8px 8px 14px;border-radius:var(--radius-pill);background:var(--ui-panel);color:var(--ui-fg);border:1px solid var(--ui-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-lg, 0 12px 30px rgb(0 0 0 / 42%));font-size:.9rem;font-weight:600;animation:resume-in .4s cubic-bezier(.22,1,.36,1) both}.resume-toast[hidden]{display:none}.resume-toast>svg:first-child{flex:0 0 auto;opacity:.8}.resume-toast-text{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resume-reset{flex:0 0 auto;font:inherit;font-weight:700;white-space:nowrap;cursor:pointer;padding:5px 13px;border-radius:var(--radius-pill);color:var(--ui-fg);background:#7f7f7f29;border:1px solid var(--ui-border);transition:background .18s ease,border-color .18s ease,color .18s ease}.resume-reset:hover{background:#7f7f7f42}.resume-reset.armed{color:#fbbf24;background:#f59e0b29;border-color:#f59e0b8c}.resume-dismiss{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer;color:var(--ui-fg);background:transparent;border:none;opacity:.65;transition:opacity .18s ease,background .18s ease}.resume-dismiss:hover{opacity:1;background:#7f7f7f29}.resume-reset:focus-visible,.resume-dismiss:focus-visible{outline:2px solid var(--ui-fg);outline-offset:2px}@keyframes resume-in{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}@media(max-width:600px){.resume-toast{top:96px;font-size:.84rem}}html[data-theme=light] .resume-reset.armed{color:#b45309}.limit-gate{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:20px;background:#04060bb8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:limit-in .35s cubic-bezier(.22,1,.36,1) both;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@media(max-height:560px){.limit-gate{align-items:flex-start;padding:12px}}.limit-gate[hidden]{display:none}body.is-gated{overflow:hidden}.limit-card{width:100%;max-width:420px;text-align:center;padding:clamp(24px,5vw,36px);border-radius:var(--radius-2xl);background:var(--ui-panel);border:1px solid var(--ui-border);color:var(--ui-fg);box-shadow:0 30px 80px #0000008c;flex:0 0 auto}@media(max-height:560px){.limit-card{padding:18px 20px}.limit-badge{width:40px;height:40px;margin-bottom:10px}.limit-lead{margin-bottom:16px}.limit-tomorrow{margin-top:12px}}.limit-card:focus{outline:none}.limit-badge{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;margin-bottom:16px;border-radius:50%;color:#06080c;background:linear-gradient(135deg,#22d3ee,#f59e0b);box-shadow:0 10px 30px #22d3ee40}.limit-title{margin:0 0 10px;font-size:clamp(1.35rem,4vw,1.75rem);line-height:1.2}.limit-lead{margin:0 0 22px;font-size:.98rem;line-height:1.6;color:var(--ui-fg-soft)}.limit-signin{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:var(--radius-pill);font-weight:700;font-size:1rem;text-decoration:none;color:#06080c;background:linear-gradient(135deg,#22d3ee,#f59e0b);transition:transform .2s ease,box-shadow .2s ease}.limit-signin:hover{transform:translateY(-2px);box-shadow:0 12px 30px #22d3ee40}.limit-signin:focus-visible{outline:2px solid var(--ui-fg);outline-offset:3px}.limit-tomorrow{margin:18px 0 0;font-size:.86rem;line-height:1.5;color:var(--ui-fg-soft)}.limit-hub{display:inline-flex;align-items:center;min-height:44px;margin-top:6px;font-size:.88rem;font-weight:600;color:var(--ui-fg-soft);text-decoration:underline;text-underline-offset:3px}.limit-hub:hover{color:var(--ui-fg)}@keyframes limit-in{0%{opacity:0}to{opacity:1}}.actor-card{appearance:none;-webkit-appearance:none;font:inherit;color:inherit;text-align:center;margin:0;flex:1 1 50%;min-height:0;border-radius:var(--radius-2xl);border:1px solid rgb(255 255 255 / 7%);position:relative;overflow:hidden;cursor:pointer;display:flex;align-items:flex-end;justify-content:center;padding:20px;background:#090d16;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .35s ease,box-shadow .35s ease;will-change:transform,border-color,box-shadow}.actor-img{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;filter:brightness(.92) saturate(1.08);transition:filter .4s ease,transform .6s ease;z-index:1}.actor-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#06080c8c,#06080c14 65%);z-index:2}.actor-name{display:block;position:relative;z-index:3;font-family:Outfit,sans-serif;--name-fit:1;font-size:calc(var(--name-size) * var(--name-fit));font-weight:700;letter-spacing:calc(1.5px * var(--name-fit));color:#ffffffe5;text-align:center;width:100%;white-space:nowrap;text-shadow:0 2px 8px rgb(0 0 0 / 60%);transition:color .3s ease,transform .3s ease}@media(hover:hover){.actor-card:not(.global-lock):hover{transform:translateY(-4px)}.left-card:not(.global-lock):hover{border-color:var(--left-glow);box-shadow:0 10px 25px rgb(var(--left-rgb),.3)}.right-card:not(.global-lock):hover{border-color:var(--right-glow);box-shadow:0 10px 25px rgb(var(--right-rgb),.3)}.actor-card:not(.global-lock):hover .actor-img{filter:brightness(1.05) saturate(1.15);transform:scale(1.02)}.actor-card:not(.global-lock):hover .actor-name{color:#fff;transform:translate(4px)}}.graduating{transform:scale(1.03) translateY(-3px)!important;border-color:#fff!important;box-shadow:0 0 25px #ffffff40!important;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease}.dimmed{opacity:.2;transform:scale(.96);filter:grayscale(.6);pointer-events:none;transition:all .4s ease}.chosen-correct{border-color:var(--success)!important;box-shadow:0 0 25px #10b9814d!important}.chosen-correct .actor-img{filter:grayscale(0%) brightness(70%)!important}.chosen-correct .actor-name{color:var(--success)!important;font-weight:800}.chosen-wrong{border-color:var(--error)!important;box-shadow:0 0 25px #ef44444d!important}.chosen-wrong .actor-img{filter:grayscale(100%) brightness(25%)!important}.chosen-wrong .actor-name{color:var(--error)!important;font-weight:800}html.summary-open,html.summary-open body{height:auto;max-height:none;overflow:hidden auto}html.summary-open .wrapper{height:auto;max-height:none;min-height:100dvh}.summary-screen{display:flex;flex:1 1 auto;flex-direction:column;align-items:center;text-align:center;min-height:100%;padding:26px 16px;background:var(--results-bg);position:relative;background-image:radial-gradient(60% 45% at 28% 30%,rgb(var(--left-rgb),.08) 0%,transparent 70%),radial-gradient(60% 45% at 74% 72%,rgb(var(--right-rgb),.08) 0%,transparent 72%),var(--results-bg)}.summary-screen>:first-child{margin-top:auto}.summary-screen>:last-child{margin-bottom:auto}.summary-screen>*{animation:rise-in .55s cubic-bezier(.23,1,.32,1) both}.summary-head{animation-delay:.02s}.result-share{animation-delay:.09s}.rate-block{animation-delay:.16s}.next-cta{animation-delay:.22s}.suggest-cta{animation-delay:.28s}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.summary-head{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.summary-title{font-size:clamp(1.9rem,4.6vh,2.7rem);font-weight:800;letter-spacing:-.6px;line-height:1.06;background:linear-gradient(100deg,rgb(var(--left-rgb)) 6%,rgb(var(--right-rgb)) 94%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.summary-rule{width:min(180px,52vw);height:2px;margin:14px 0 13px;border-radius:2px;background:linear-gradient(90deg,transparent,rgb(var(--left-rgb)),rgb(var(--right-rgb)),transparent);opacity:.85}.summary-desc{color:#aab4c4;max-width:480px;font-size:clamp(.98rem,2vh,1.1rem);line-height:1.55;margin-bottom:22px}.summary-record{margin:-14px 0 8px;text-align:center;font-size:.95rem;font-weight:600;color:#8b97a8;font-variant-numeric:tabular-nums}.summary-record[hidden]{display:none}.summary-record.is-new{color:#fbbf24;font-weight:800;letter-spacing:.3px}.result-share{position:relative;z-index:1;width:100%;max-width:520px;display:flex;flex-direction:column;align-items:center}.report-wrap{position:relative;margin:4px 0 22px;padding:10px;border-radius:var(--radius-md);background:linear-gradient(160deg,#14181f,#0c0f15);border:1px solid rgb(255 255 255 / 10%);box-shadow:0 26px 60px #0000008c,0 2px #ffffff0d inset;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease}.report-wrap:hover,.report-wrap:focus-within{transform:translateY(-3px);box-shadow:0 32px 70px #0009}#report-canvas{display:block;width:auto;height:clamp(210px,34vh,480px);border-radius:var(--radius-xs);box-shadow:0 0 0 1px #ffffff14}.result-actions{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center;align-items:center}.result-btn{display:inline-flex;align-items:center;gap:var(--space-sm);font-family:inherit;cursor:pointer;color:#e7edf6;font-weight:600;font-size:.95rem;padding:11px 18px;border-radius:var(--radius-md);background:#ffffff0f;border:1px solid rgb(255 255 255 / 14%);transition:transform .16s ease,background .16s ease,border-color .16s ease}.result-btn[hidden]{display:none}.result-btn:hover{background:#ffffff1f;border-color:#ffffff3d;transform:translateY(-2px)}.result-btn:active{transform:translateY(0)}.result-btn-primary{color:#0a0e16;font-weight:700;background:#f1f5fb;border-color:transparent;box-shadow:0 8px 22px #00000052}.result-btn-primary:hover{background:#fff;border-color:transparent}.result-socials{display:flex;gap:var(--space-sm);justify-content:center}.result-socials[hidden]{display:none}.result-social-btn{width:42px;height:42px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#c3ccda;background:#ffffff0d;border:1px solid rgb(255 255 255 / 12%);transition:transform .16s ease,background .16s ease,color .16s ease}.result-social-btn:hover{background:#ffffff1f;color:#fff;transform:translateY(-2px)}.result-note{min-height:1.2em;margin-top:10px;font-size:.85rem;color:#aab4c4}.rate-block{position:relative;z-index:1;margin-top:30px;width:100%;max-width:560px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:clamp(18px,3.4vh,26px) 18px;border-radius:var(--radius-xl);background:#ffffff0a;border:1px solid rgb(255 255 255 / 12%)}.rate-title{font-size:clamp(1.15rem,2.9vh,1.45rem);font-weight:800;letter-spacing:-.3px;color:#f2f6fc}.rate-stars{position:relative;display:flex;gap:clamp(4px,1.4vw,10px);margin-top:14px}.rate-burst{position:absolute;inset:-10px;z-index:0;pointer-events:none;opacity:0;border-radius:var(--radius-pill);border:2px solid rgb(251 191 36 / 70%);box-shadow:0 0 26px #fbbf2473,inset 0 0 22px #fbbf2438}.rate-stars.is-burst .rate-burst{animation:rate-burst .62s cubic-bezier(.22,1,.36,1) both}@keyframes rate-burst{0%{opacity:0;transform:scale(.86)}35%{opacity:1;transform:scale(1.04)}to{opacity:0;transform:scale(1.3)}}.rate-star{position:relative;z-index:1;display:grid;place-items:center;cursor:pointer;padding:4px;width:clamp(46px,11vw,60px);height:clamp(46px,11vw,60px);background:none;border:0;border-radius:var(--radius-md);color:#ffffff38;transition:transform .18s cubic-bezier(.22,1,.36,1),color .18s ease}.rate-star svg{width:100%;height:100%;fill:currentcolor;filter:drop-shadow(0 2px 4px rgb(0 0 0 / 35%))}.rate-star.is-hot{color:#fcd34d;transform:translateY(-3px) scale(1.06)}.rate-star.is-on{color:#fbbf24}.rate-star.is-on svg{filter:drop-shadow(0 0 10px rgb(251 191 36 / 55%))}.rate-block.is-locked .rate-star{cursor:default}.rate-star:disabled{cursor:default}.rate-star:focus-visible{outline:2px solid #fff;outline-offset:2px}.rate-block.is-rated .rate-star.is-on{animation:rate-pop .42s cubic-bezier(.22,1,.36,1) both}.rate-block.is-rated .rate-star:nth-child(3).is-on{animation-delay:.05s}.rate-block.is-rated .rate-star:nth-child(4).is-on{animation-delay:.1s}.rate-block.is-rated .rate-star:nth-child(5).is-on{animation-delay:.15s}.rate-block.is-rated .rate-star:nth-child(6).is-on{animation-delay:.2s}@keyframes rate-pop{0%{transform:scale(1)}45%{transform:scale(1.28) rotate(-6deg)}to{transform:scale(1)}}.next-cta{position:relative;overflow:hidden;z-index:1;margin-top:26px;display:flex;align-items:center;gap:16px;text-decoration:none;width:100%;max-width:560px;padding:clamp(16px,2.8vh,22px) clamp(20px,4vw,28px);border-radius:var(--radius-xl);color:#f4f8ff;background:linear-gradient(100deg,rgb(var(--left-rgb),.32),rgb(var(--right-rgb),.32));border:1px solid rgb(255 255 255 / 22%);box-shadow:0 16px 40px #0000006b;transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s ease,border-color .28s ease}.next-cta-glow{position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 20%,rgb(255 255 255 / 16%) 50%,transparent 80%);transform:translate(-100%);animation:next-sheen 4.2s ease-in-out 1.2s infinite}@keyframes next-sheen{0%{transform:translate(-100%)}55%,to{transform:translate(100%)}}.next-cta-body{position:relative;flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px;text-align:left}.next-cta-title{font-size:clamp(1.1rem,2.8vh,1.35rem);font-weight:800;letter-spacing:-.3px}.next-cta-sub{font-size:.9rem;color:#f4f8ffc7}.next-cta-arrow{position:relative;flex:0 0 auto;transition:transform .28s cubic-bezier(.16,1,.3,1)}.next-cta:hover{transform:translateY(-3px);border-color:#ffffff61;box-shadow:0 24px 54px #00000085}.next-cta:hover .next-cta-arrow{transform:translate(5px)}.next-cta:focus-visible{outline:2px solid #fff;outline-offset:3px}.suggest-cta{position:relative;z-index:1;margin-top:26px;display:inline-flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;padding:12px 22px;border-radius:var(--radius-lg);background:#ffffff08;border:1px solid rgb(255 255 255 / 12%);transition:background .18s ease,border-color .18s ease,transform .18s ease}.suggest-cta-kicker{font-size:.68rem;letter-spacing:2px;text-transform:uppercase;color:#8b95a6}.suggest-cta-link{display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:1rem;color:#e7edf6}.suggest-cta:hover{background:#ffffff12;border-color:#ffffff42;transform:translateY(-2px)}.suggest-cta:hover .suggest-cta-link{color:#fff}.suggest-cta:focus-visible{outline:2px solid #fff;outline-offset:2px}@media(max-width:600px){.feedback-bar{--next-gap:18px}.wrapper{--rhythm:14px}.header{--hpad-y:10px;--hpad-x:11px;gap:var(--space-sm)}.counter-noun{display:none}.score-box{padding:5px 12px;gap:var(--space-sm)}.streak-chip{padding:5px 9px;gap:5px}.theater-card{--qpad-y:16px;--qpad-x:20px;border-radius:var(--radius-xl)}.actor-card{padding:14px;border-radius:var(--radius-xl)}.wrapper.verdict .cards-grid{flex-grow:.55}}@media(max-width:600px),(max-height:600px){.feedback-source{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:5px;width:100%;text-align:left}.feedback-source-label{flex:0 0 auto}.feedback-source-text{order:1;flex:1 1 100%;min-width:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.feedback-source-link{flex:0 0 auto;margin-left:auto}}@media(max-width:540px){#btn-sound,#btn-fullscreen{display:none}}@media(max-width:430px){.header{--hpad-y:8px;--hpad-x:9px;gap:var(--space-xs)}.progress-text{font-size:.82rem;letter-spacing:1px}.header-right{gap:var(--space-xs)}.score-box{padding:5px 11px;gap:.36em}.streak-chip{padding:4px 7px;gap:4px}}@media(max-width:360px){.header{--hpad-x:7px}.score-box{padding:5px 9px;font-size:clamp(1.14rem,.7rem + 2.2vw,1.4rem)}.streak-chip{padding:4px 6px;gap:3px}}@media(max-height:600px){.wrapper{--rhythm:10px}.header{--hpad-y:6px;--hpad-x:10px}.theater-card{--qpad-y:10px;--qpad-x:20px}.actor-card{padding:12px}}@media(max-height:600px)and (orientation:landscape){.theater-card{flex:.8 1 0%}.cards-grid{flex-grow:1.5}.wrapper.verdict .cards-grid{flex-grow:.5}.feedback-bar{flex-flow:row wrap;align-items:center;justify-content:center;gap:18px 22px;padding:8px 14px}.feedback-verdict{flex:0 0 auto}.feedback-source{flex:1 1 220px;max-width:none;justify-content:flex-start}.feedback-source-text{-webkit-line-clamp:1;line-clamp:1}.feedback-social{flex:0 0 auto;margin:0}.feedback-next{flex:0 0 auto;margin-top:0}}@media(min-width:1100px)and (min-height:860px){.theater-card{--qpad-x:44px;flex:1.2 1 0%}.quote-typography{--quote-max:2.15rem;--quote-measure:21em}.progress-text{font-size:clamp(.85rem,1.7vw,1.15rem)}.first-hint{font-size:1rem}.feedback-bar{--next-gap:16px;padding:16px 22px}.feedback-source,.feedback-social{font-size:.95rem}.feedback-source{max-width:760px}.feedback-sub{font-size:clamp(1.05rem,2.4vh,1.32rem)}.feedback-next{font-size:1.14rem}.summary-desc{font-size:clamp(.98rem,2vh,1.25rem)}.summary-record,.result-btn{font-size:1.05rem}.result-note{font-size:.95rem}.next-cta-sub{font-size:1rem}.suggest-cta-kicker{font-size:.76rem}.suggest-cta-link{font-size:1.1rem}}@media(min-width:1500px)and (min-height:1000px){.theater-card{--qpad-x:56px;flex:1.45 1 0%}.quote-typography{--quote-max:2.5rem}.cards-grid{--name-size:clamp(1.25rem,2.8vh,2.1rem)}.feedback-source,.feedback-social{font-size:1.05rem}.feedback-title{font-size:clamp(1.25rem,3.4vh,1.95rem)}.feedback-sub{font-size:clamp(1.05rem,2.4vh,1.45rem)}.feedback-next{font-size:1.22rem}}.actor-card:focus-visible{outline:3px solid #fff;outline-offset:2px}.nav-back:focus-visible,.icon-btn:focus-visible,.result-btn:focus-visible,.result-social-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important}:root{scroll-behavior:auto!important}}html[data-theme=light]{color-scheme:light}html[data-theme=light],html[data-theme=light] body{background-color:#e8edf5}html[data-theme=light]{--text-light:#0f172a;--ui-fg:#0f172a;--ui-fg-soft:rgb(15 23 42 / 66%);--ui-panel:rgb(255 255 255 / 72%);--ui-bar:rgb(248 250 253 / 97%);--ui-border:rgb(15 23 42 / 14%);--score-chip:rgb(15 23 42 / 6%);--score-ok:#15803d;--score-bad:#b91c1c;--success:#047857;--error:#b91c1c}html[data-theme=light] .arena-bg{background:linear-gradient(180deg,#fff0 40%,#0f172a0f),radial-gradient(circle 45vmin at 30% 32%,rgb(var(--left-rgb),.2),rgb(var(--left-rgb),.1) 45%,rgb(var(--left-rgb),0)),radial-gradient(circle 45vmin at 70% 68%,rgb(var(--right-rgb),.2),rgb(var(--right-rgb),.1) 45%,rgb(var(--right-rgb),0)),linear-gradient(135deg,#eef2f8,#dde5f0)}html[data-theme=light] .bg-veil-left{background:linear-gradient(90deg,#e2e8f2e0,#e2e8f2cc 38%,#e2e8f200 50%)}html[data-theme=light] .bg-veil-right{background:linear-gradient(270deg,#e2e8f2e0,#e2e8f2cc 38%,#e2e8f200 50%)}html[data-theme=light] .summary-screen{background:#eef2f8;background-image:radial-gradient(60% 45% at 28% 30%,rgb(var(--left-rgb),.1) 0%,transparent 70%),radial-gradient(60% 45% at 74% 72%,rgb(var(--right-rgb),.1) 0%,transparent 72%),linear-gradient(135deg,#eef2f8,#e2e8f2)}html[data-theme=light] .summary-desc{color:#475569}html[data-theme=light] .summary-record{color:#64748b}html[data-theme=light] .summary-record.is-new{color:#b45309}html[data-theme=light] .streak-chip{color:#b45309;background:#f59e0b33;border-color:#d977068c}html[data-theme=light] .report-wrap{background:linear-gradient(160deg,#fff,#e9eef6);border-color:#0f172a1f;box-shadow:0 26px 60px #0f172a33,0 2px #fff9 inset}html[data-theme=light] #report-canvas{box-shadow:0 0 0 1px #0f172a1a}html[data-theme=light] .result-btn{color:#1e293b;background:#0f172a0d;border-color:#0f172a24}html[data-theme=light] .result-btn:hover{background:#0f172a1a;border-color:#0f172a3d}html[data-theme=light] .result-btn-primary{color:#f8fafc;background:#0f172a;border-color:transparent;box-shadow:0 8px 22px #0f172a38}html[data-theme=light] .result-btn-primary:hover{background:#1e293b}html[data-theme=light] .result-social-btn{color:#475569;background:#0f172a0d;border-color:#0f172a1f}html[data-theme=light] .result-social-btn:hover{background:#0f172a1c;color:#0f172a}html[data-theme=light] .result-note{color:#64748b}html[data-theme=light] .rate-block{background:#0f172a08;border-color:#0f172a1f}html[data-theme=light] .rate-title{color:#0f172a}html[data-theme=light] .rate-star{color:#0f172a33}html[data-theme=light] .rate-star.is-hot{color:#f59e0b}html[data-theme=light] .rate-star.is-on{color:#d97706}html[data-theme=light] .next-cta{color:#0f172a;border-color:#0f172a29;box-shadow:0 16px 36px #0f172a29}html[data-theme=light] .next-cta-sub{color:#0f172aad}html[data-theme=light] .next-cta-glow{background:linear-gradient(100deg,transparent 20%,rgb(255 255 255 / 42%) 50%,transparent 80%)}html[data-theme=light] .next-cta:hover{border-color:#0f172a47;box-shadow:0 22px 46px #0f172a38}html[data-theme=light] .suggest-cta{background:#0f172a08;border-color:#0f172a1f}html[data-theme=light] .suggest-cta:hover{background:#0f172a12;border-color:#0f172a3d}html[data-theme=light] .suggest-cta-kicker{color:#64748b}html[data-theme=light] .suggest-cta-link{color:#1e293b}html[data-theme=light] .suggest-cta:hover .suggest-cta-link{color:#0f172a}html[data-theme=light] .nav-back:focus-visible,html[data-theme=light] .icon-btn:focus-visible,html[data-theme=light] .result-btn:focus-visible,html[data-theme=light] .result-social-btn:focus-visible,html[data-theme=light] .suggest-cta:focus-visible,html[data-theme=light] .rate-star:focus-visible,html[data-theme=light] .next-cta:focus-visible{outline-color:#0f172a}