/* UTEC Live Scoring v1.0.72: short, nonblocking public result overlays only. */
.utec172-effect[hidden]{display:none!important}
.utec172-effect{position:fixed;inset:0;z-index:9000;display:grid;place-items:center;pointer-events:none;background:rgba(6,22,56,.38);padding:20px;box-sizing:border-box;animation:utec172-shade .2s ease-out}
.utec172-effect-card{position:relative;isolation:isolate;overflow:hidden;width:min(570px,100%);min-height:285px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px 26px 28px;box-sizing:border-box;border:2px solid rgba(255,255,255,.27);border-radius:28px;color:white;text-align:center;box-shadow:0 26px 60px rgba(0,11,38,.3);background:linear-gradient(135deg,#065f46,#029467 50%,#074b3f);animation:utec172-appear .32s cubic-bezier(.2,.8,.2,1)}
.utec172-wrong .utec172-effect-card{background:linear-gradient(135deg,#81162d,#e5354a 55%,#7c142f)}
.utec172-timeout .utec172-effect-card{background:linear-gradient(125deg,#7d270d,#e17318 55%,#7f2712)}
.utec172-effect-halo{position:absolute;inset:-45%;z-index:-1;opacity:.4;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.14) 0deg 10deg,transparent 10deg 28deg);animation:utec172-halo 7s linear infinite}
.utec172-effect-symbol{width:94px;height:94px;border:4px solid rgba(255,255,255,.75);border-radius:100%;display:grid;place-items:center;background:rgba(255,255,255,.15);font-size:64px;line-height:1;font-weight:900;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.22);box-shadow:0 0 0 10px rgba(255,255,255,.08)}
.utec172-effect-heading{font-family:inherit;font-size:clamp(30px,5vw,56px);font-weight:900;line-height:1.1;letter-spacing:.02em;color:#fff;text-shadow:0 3px 15px rgba(0,0,0,.24)}
.utec172-effect-person{font-size:clamp(14px,2vw,21px);font-weight:750;line-height:1.3;max-width:100%;overflow-wrap:anywhere;color:#fff}
.utec172-effect-meaning{font-size:13px;font-weight:650;color:rgba(255,255,255,.93)}
.utec172-effect-sparks{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.85}
.utec172-effect-sparks i{position:absolute;width:9px;height:16px;border-radius:3px;background:#ffcf47;transform:rotate(18deg)}
.utec172-effect-sparks i:nth-child(1){left:10%;top:18%}.utec172-effect-sparks i:nth-child(2){left:21%;top:74%;background:#bcfbd9}.utec172-effect-sparks i:nth-child(3){left:81%;top:18%}.utec172-effect-sparks i:nth-child(4){left:86%;top:78%;background:#c7ebff}.utec172-effect-sparks i:nth-child(5){left:7%;top:58%;width:6px;height:6px}.utec172-effect-sparks i:nth-child(6){left:65%;top:7%;width:6px;height:6px}.utec172-effect-sparks i:nth-child(7){left:39%;top:7%;background:#c9f8ff}.utec172-effect-sparks i:nth-child(8){left:94%;top:48%;width:5px;height:5px}
.utec172-wrong .utec172-effect-sparks{opacity:.23}.utec172-timeout .utec172-effect-sparks{opacity:.55}
@keyframes utec172-appear{from{opacity:.4;transform:translateY(14px) scale(.91)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes utec172-shade{from{opacity:0}to{opacity:1}}
@keyframes utec172-halo{to{transform:rotate(360deg)}}
@media(max-width:560px){.utec172-effect{padding:12px}.utec172-effect-card{min-height:250px;border-radius:19px;padding:20px 16px}.utec172-effect-symbol{width:75px;height:75px;font-size:50px}}
@media(prefers-reduced-motion:reduce){.utec172-effect,.utec172-effect-card,.utec172-effect-halo{animation:none!important}}

/* Gold highlights and subtle dimensional lighting in the approved bee palette. */
.utec172-effect-card:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 3px 0 rgba(255,255,255,.25),inset 0 -5px 14px rgba(3,17,57,.18);pointer-events:none}
.utec172-correct .utec172-effect-heading{color:#fff2b1;text-shadow:0 2px 0 #397947,0 5px 10px rgba(4,39,14,.55)}
.utec172-wrong .utec172-effect-heading{color:#ffe5ab;text-shadow:0 2px 0 #8c2835,0 5px 10px rgba(60,1,13,.65)}
.utec172-effect-symbol{filter:drop-shadow(0 4px 9px rgba(4,26,42,.25))}
