.sg-mock{--sg-ink:#1b1530;--sg-muted:#6b6488;--sg-brand:#7d2ee5;--sg-brand-soft:#efe6ff;--sg-night:#120d26;--sg-gold:#f5b81c;--sg-red:#e2445c;--sg-green:#1fa971;position:relative;aspect-ratio:16/10;width:100%;overflow:hidden;font-family:var(--font-sans,system-ui,sans-serif);color:var(--sg-ink);background:#f7f4ff;container-type:inline-size}.sg-mock *{box-sizing:border-box}.mf-sky{background:linear-gradient(180deg,#f3edff,#fbf8ff)}.mf-sky,.mf-sky:after{position:absolute;inset:0}.mf-sky:after{content:"";background:radial-gradient(70% 60% at 50% 45%,#2a1d57 0,var(--sg-night) 80%);opacity:0;animation:mf-night 12s infinite}@keyframes mf-night{0%,26%{opacity:1}32%,94%{opacity:0}to{opacity:1}}.mf-phase{position:absolute;top:3.2cqw;left:50%;transform:translateX(-50%);height:6cqw;min-width:46cqw;z-index:3}.mf-phase span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:1.4cqw;white-space:nowrap;border-radius:999px;font-size:2.4cqw;font-weight:700;opacity:0}.mf-phase .p1{background:rgba(255,255,255,.1);color:#e9e2ff;border:1px solid rgba(255,255,255,.25);animation:mf-p1 12s infinite}.mf-phase .p2{background:#fff;color:var(--sg-ink);box-shadow:0 1cqw 3cqw rgba(60,30,120,.12);animation:mf-p2 12s infinite}.mf-phase .p3{background:var(--sg-brand);color:#fff;animation:mf-p3 12s infinite}.mf-phase .p4{background:var(--sg-ink);color:#fff;animation:mf-p4 12s infinite}@keyframes mf-p1{0%,27%{opacity:1}30%,to{opacity:0}}@keyframes mf-p2{0%,29%{opacity:0}32%,57%{opacity:1}60%,to{opacity:0}}@keyframes mf-p3{0%,59%{opacity:0}62%,77%{opacity:1}80%,to{opacity:0}}@keyframes mf-p4{0%,79%{opacity:0}82%,97%{opacity:1}to{opacity:0}}.mf-table{left:50%;top:59%;width:44cqw;height:21cqw;border-radius:50%;background:radial-gradient(ellipse at 50% 40%,#8a5a3b,#5b3824);box-shadow:inset 0 -1.2cqw 0 rgba(0,0,0,.25),0 2cqw 4cqw rgba(30,10,60,.25)}.mf-seat,.mf-table{position:absolute;transform:translate(-50%,-50%)}.mf-seat{width:11cqw;display:flex;flex-direction:column;align-items:center;gap:.8cqw;z-index:2}.mf-seat.s1{left:50%;top:30%}.mf-seat.s2{left:75%;top:42%}.mf-seat.s3{left:75%;top:74%}.mf-seat.s4{left:50%;top:84%}.mf-seat.s5{left:25%;top:74%}.mf-seat.s6{left:25%;top:42%}.mf-face{position:relative;width:7.6cqw;height:7.6cqw;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.6cqw;font-weight:800;color:#fff;border:.5cqw solid #fff;box-shadow:0 .8cqw 2cqw rgba(30,10,60,.25);animation:mf-sleep 12s infinite}@keyframes mf-sleep{0%,27%{filter:grayscale(.7) brightness(.55)}32%,to{filter:none}}.mf-name{font-size:1.7cqw;font-weight:700;padding:.3cqw 1.2cqw;border-radius:999px;background:rgba(255,255,255,.92);color:var(--sg-ink)}.mf-seat.speaker .mf-face:after{content:"";position:absolute;inset:-1.2cqw;border-radius:50%;border:.5cqw solid var(--sg-gold);opacity:0;animation:mf-speak 12s infinite}@keyframes mf-speak{0%,33%{opacity:0;transform:scale(.9)}36%,56%{opacity:1;transform:scale(1)}40%,48%{transform:scale(1.06)}59%,to{opacity:0}}.mf-mic{position:absolute;right:-.6cqw;bottom:-.6cqw;width:3.2cqw;height:3.2cqw;border-radius:50%;background:var(--sg-gold);border:.4cqw solid #fff;opacity:0;animation:mf-mic 12s infinite}.mf-mic:before{content:"";position:absolute;left:50%;top:22%;width:.9cqw;height:1.4cqw;transform:translateX(-50%);border-radius:.5cqw;background:var(--sg-ink)}@keyframes mf-mic{0%,34%{opacity:0}37%,56%{opacity:1}59%,to{opacity:0}}.mf-check{position:absolute;top:-1.4cqw;right:-1.4cqw;padding:.4cqw 1cqw;border-radius:999px;background:var(--sg-gold);color:var(--sg-ink);font-size:1.5cqw;font-weight:800;opacity:0;animation:mf-check 12s infinite}@keyframes mf-check{0%,9%{opacity:0;transform:scale(.6)}13%,27%{opacity:1;transform:scale(1)}30%,to{opacity:0}}.mf-votes{position:absolute;top:-1.6cqw;left:-1.6cqw;min-width:3.6cqw;height:3.6cqw;border-radius:999px;display:flex;align-items:center;justify-content:center;background:var(--sg-brand);color:#fff;font-size:1.8cqw;font-weight:800;opacity:0;animation:mf-votes 12s infinite}.mf-votes:after{content:"4";animation:mf-count 12s steps(1) infinite}@keyframes mf-votes{0%,61%{opacity:0}63%,79%{opacity:1}82%,to{opacity:0}}@keyframes mf-count{0%,64%{content:"1"}67%{content:"2"}70%{content:"3"}73%,to{content:"4"}}.mf-out{position:absolute;inset:-.5cqw;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--sg-ink);color:#fff;font-size:1.5cqw;font-weight:800;text-align:center;line-height:1.1;opacity:0;animation:mf-out 12s infinite}@keyframes mf-out{0%,80%{opacity:0;transform:rotateY(90deg)}84%,97%{opacity:1;transform:rotateY(0)}to{opacity:0}}.mf-role{position:absolute;right:3cqw;bottom:3cqw;width:15cqw;padding:1.4cqw;border-radius:1.6cqw;background:#fff;box-shadow:0 1.2cqw 3cqw rgba(30,10,60,.2);z-index:3}.mf-role b{display:block;font-size:1.3cqw;letter-spacing:.12em;color:var(--sg-muted)}.mf-role strong{font-size:2.6cqw;color:var(--sg-ink)}.mf-role span,.mf-role strong{display:block;margin-top:.4cqw}.mf-role span{font-size:1.4cqw;line-height:1.35;color:var(--sg-muted)}.sh-top{position:absolute;top:4cqw;left:4cqw;right:4cqw;display:grid;grid-template-columns:1.4fr 1fr;gap:2cqw}.sh-box{border-radius:1.6cqw;padding:1.6cqw 2cqw;background:#fff;box-shadow:0 .8cqw 2.4cqw rgba(60,30,120,.1)}.sh-box.danger{background:linear-gradient(135deg,#2b2147,#463a6b);color:#fff}.sh-box b{display:block;font-size:1.3cqw;letter-spacing:.14em;opacity:.7}.sh-box strong{display:block;margin-top:.4cqw;font-size:2.6cqw}.sh-tags{display:flex;gap:.8cqw;margin-top:1cqw}.sh-tags i{font-style:normal;font-size:1.4cqw;font-weight:700;padding:.3cqw 1cqw;border-radius:999px;background:rgba(255,255,255,.16)}.sh-seats{display:flex;gap:.8cqw;margin-top:1.2cqw}.sh-seats i{width:3cqw;height:3cqw;border-radius:50%;background:var(--sg-brand-soft);border:.3cqw solid var(--sg-brand)}.sh-seats i.full{background:var(--sg-brand)}.sh-seats i.extra{border-color:var(--sg-red);background:#ffe6ea;animation:sh-extra 12s infinite}.sh-seats i.extra:nth-child(4){animation-name:sh-extra-gone}@keyframes sh-extra{0%,to{opacity:1}}@keyframes sh-extra-gone{0%,78%{opacity:1;transform:scale(1)}82%,97%{opacity:0;transform:scale(.4)}to{opacity:1}}.sh-grid{position:absolute;left:4cqw;right:4cqw;top:24cqw;bottom:4cqw;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr;gap:1.6cqw}.sh-player{position:relative;display:flex;flex-direction:column;justify-content:center;border-radius:1.6cqw;padding:1.4cqw;background:#fff;box-shadow:0 .8cqw 2.4cqw rgba(60,30,120,.1)}.sh-who{display:flex;gap:1cqw;font-size:1.9cqw;font-weight:800}.sh-who,.sh-who i{align-items:center}.sh-who i{width:3.6cqw;height:3.6cqw;border-radius:50%;display:inline-flex;justify-content:center;font-style:normal;font-size:1.4cqw;color:#fff}.sh-card{position:relative;margin-top:1.2cqw;height:5.4cqw;border-radius:1cqw;perspective:40cqw}.sh-card>span{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:0 1.2cqw;border-radius:1cqw;backface-visibility:hidden;font-size:1.6cqw;font-weight:700;animation-duration:12s;animation-iteration-count:infinite}.sh-card>span small{font-size:1.1cqw;letter-spacing:.12em;font-weight:700;opacity:.7}.sh-card .back{background:repeating-linear-gradient(45deg,#ece4ff,#ece4ff .8cqw,#e2d6ff 0,#e2d6ff 1.6cqw);animation-name:sh-back}.sh-card .face{background:var(--sg-brand-soft);color:var(--sg-ink);transform:rotateY(180deg);animation-name:sh-face}.sh-player:first-child .sh-card span{--d:0s}.sh-player:nth-child(2) .sh-card span{--d:0.7s}.sh-player:nth-child(3) .sh-card span{--d:1.4s}.sh-player:nth-child(4) .sh-card span{--d:2.1s}.sh-player:nth-child(5) .sh-card span{--d:2.8s}.sh-player:nth-child(6) .sh-card span{--d:3.5s}@keyframes sh-back{0%,6%{transform:rotateY(0)}11%,92%{transform:rotateY(180deg)}97%,to{transform:rotateY(0)}}@keyframes sh-face{0%,6%{transform:rotateY(180deg)}11%,92%{transform:rotateY(0)}97%,to{transform:rotateY(180deg)}}.sh-vote{position:absolute;top:1.2cqw;right:1.2cqw;display:flex;gap:.4cqw}.sh-vote i{width:2cqw;height:2cqw;border-radius:.5cqw;background:var(--sg-red);opacity:0;animation:sh-ballot 12s infinite}.sh-vote i:nth-child(2){--d:0.4s}.sh-vote i:nth-child(3){--d:0.8s}.sh-vote i:nth-child(4){--d:1.2s}@keyframes sh-ballot{0%,58%{opacity:0;transform:translateY(-1cqw)}61%,92%{opacity:1;transform:none}96%,to{opacity:0}}.sh-outside{position:absolute;inset:0;border-radius:1.6cqw;display:flex;align-items:center;justify-content:center;background:rgba(27,21,48,.82);color:#fff;font-size:2cqw;font-weight:800;letter-spacing:.04em;opacity:0;animation:sh-outside 12s infinite}@keyframes sh-outside{0%,76%{opacity:0}80%,94%{opacity:1}98%,to{opacity:0}}.sh-door{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:1.2cqw 2.6cqw;border-radius:999px;background:var(--sg-green);color:#fff;font-size:2.2cqw;font-weight:800;box-shadow:0 1cqw 3cqw rgba(20,90,60,.35);opacity:0;z-index:3;white-space:nowrap;animation:sh-door 12s infinite}@keyframes sh-door{0%,83%{opacity:0;transform:translate(-50%,-40%)}86%,95%{opacity:1;transform:translate(-50%,-50%)}99%,to{opacity:0}}.sg-mock *,.sg-mock :after,.sg-mock :before{animation-delay:calc(var(--d, 0s) - var(--at, 0s))}.sg-mock.sg-frozen *,.sg-mock.sg-frozen :after,.sg-mock.sg-frozen :before{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.sg-mock{--at:7s}.sg-mock *,.sg-mock :after,.sg-mock :before{animation-play-state:paused!important}}