/* Silent, finite Enchanted Quiz Theatre overlays. App surfaces own their layout. */
.trivia-stage-fx-layer{position:fixed;inset:0;width:100vw;height:100dvh;margin:0;padding:0;border:0;overflow:clip;background:transparent;color:#fff8df;pointer-events:none!important;z-index:2147483646;contain:layout paint style;perspective:1000px;font-family:Georgia,'Times New Roman',serif}
.trivia-stage-fx-layer::backdrop{background:transparent;pointer-events:none}
.trivia-stage-fx-layer *{pointer-events:none!important;box-sizing:border-box}
.trivia-fx-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.trivia-fx-points{position:absolute;left:0;top:0;z-index:2;display:block;max-width:min(78vw,340px);padding:9px 17px;border:1px solid #ffe3a2;border-radius:999px;background:linear-gradient(135deg,#3a237bf2,#123f62f5);box-shadow:0 3px 0 #111329aa,0 0 20px #d5b87255,inset 0 1px #fff8d950;color:#fff2bb;font-size:clamp(19px,2.5vw,28px);font-weight:700;line-height:1.12;letter-spacing:-.02em;text-align:center;white-space:normal;text-wrap:balance;will-change:transform,opacity}
.trivia-fx-tile-ghost{position:absolute;left:0;top:0;z-index:1;display:grid;place-items:center;border:1px solid #ffe2a4;border-radius:13px;background:radial-gradient(ellipse at 40% 10%,#6853be,#253369 58%,#14274d);box-shadow:0 0 28px #c8afff66,inset 0 2px #fff4d777,0 8px 0 #0a173c;color:#fff0b7;font-size:clamp(22px,3vw,36px);font-weight:700;text-shadow:0 2px #111839;backface-visibility:hidden;will-change:transform,opacity}
.trivia-fx-tile-ghost::after{content:'';position:absolute;inset:4px;border:1px solid #efc87777;border-radius:9px}
.trivia-fx-tile-ghost-compact{border-radius:50%;font-size:22px;box-shadow:0 0 18px #e5c88177,inset 0 1px #fff9e3aa}
.trivia-fx-tile-ghost-compact::after{inset:3px;border-radius:50%}
.trivia-fx-pulse{position:absolute;display:block;border:1px solid color-mix(in srgb,var(--trivia-fx-accent),#fff4c7 38%);border-radius:24px;background:transparent;box-shadow:0 0 18px color-mix(in srgb,var(--trivia-fx-accent) 35%,transparent);transform:translate(-50%,-50%);animation:trivia-fx-pulse 680ms ease-out both}
.trivia-fx-pulse-turn{border-radius:50%;border-color:#ffe0a0;animation-duration:760ms}
.trivia-fx-pulse-wrong{border-color:#d9c6ee;box-shadow:0 0 14px #cdb6ed44}
.trivia-stage-fx-reduced .trivia-fx-points{will-change:auto;box-shadow:0 2px 6px #12182b33}
@keyframes trivia-fx-pulse{0%{opacity:0;transform:translate(-50%,-50%) scale(.94)}24%{opacity:.8}100%{opacity:0;transform:translate(-50%,-50%) scale(1.13)}}
@media(max-width:639px){.trivia-fx-points{padding:8px 13px;font-size:20px}.trivia-fx-tile-ghost{border-radius:10px}}
@media(prefers-reduced-motion:reduce){.trivia-stage-fx-layer *{animation:none!important;transition:none!important;will-change:auto!important}}