:root{--ink:#3a2148;--ink-soft:#6f5480;--pink:#ff5fa2;--pink-deep:#e83f87;--peach:#ff9a6b;--lav:#b49cff;--mint:#4fd6a6;--sky:#6cc4ff;--lemon:#ffd23f;--cream:#fff7fb;--paper:#fffdf8;--glass:#ffffffc7;--line:#3a21481f;--shadow:0 10px 30px #78286e2e;--r:22px;--title:"Jua", "Gowun Dodum", system-ui, sans-serif;--body:"Gowun Dodum", "Apple SD Gothic Neo", system-ui, sans-serif;--latin:"Fredoka", "Jua", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;background:#ffe9f4;margin:0}button{font:inherit;color:inherit}img{display:block}.btn{font-family:var(--title);cursor:pointer;white-space:nowrap;border:0;border-radius:999px;padding:10px 18px;font-size:16px;transition:transform .12s,box-shadow .2s,opacity .2s}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn:active:not(:disabled){transform:translateY(1px)scale(.98)}.btn:disabled{opacity:.42;cursor:not-allowed}.btn.big{padding:13px 24px;font-size:18px}.btn.hot{background:linear-gradient(135deg, var(--pink), var(--peach));color:#fff;text-shadow:0 1px #0000001f;box-shadow:0 6px 18px #ff5fa273,inset 0 -3px #0000001a}.btn.soft{color:var(--pink-deep);background:#fff;box-shadow:inset 0 0 0 2px #ffc2dc,0 4px 12px #ff5fa226}.btn.pulse:not(:disabled){animation:1.3s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 6px 18px #ff5fa273,0 0 #ff5fa280}50%{box-shadow:0 6px 18px #ff5fa273,0 0 0 12px #ff5fa200}}.icon-btn{cursor:pointer;width:38px;height:38px;font-family:var(--latin);color:var(--pink-deep);background:#fff;border:0;border-radius:50%;font-weight:700;box-shadow:inset 0 0 0 2px #ffd0e4}.lobby{background:radial-gradient(circle at 20% 10%,#fff 0,#0000 40%),linear-gradient(#ffe0ef 0%,#f1e6ff 55%,#e2f6ff 100%);min-height:100dvh;padding-bottom:120px}.hero{height:min(58vh,560px);box-shadow:var(--shadow);background-position:50% 30%;background-size:cover;border-radius:0 0 40px 40px;position:relative;overflow:hidden}.hero-glow{background:linear-gradient(#fff0 45%,#ffe9f4f2 100%);position:absolute;inset:0}.hero-copy{text-align:center;padding:0 16px;position:absolute;bottom:22px;left:0;right:0}.hero-kicker{font-family:var(--latin);letter-spacing:.18em;color:var(--pink-deep);margin:0 0 4px;font-size:13px;font-weight:700}.logo{font-family:var(--title);flex-wrap:wrap;justify-content:center;gap:.25em;margin:0;font-size:clamp(42px,8vw,84px);font-weight:400;line-height:1;display:flex}.logo span{background:linear-gradient(120deg,#ff4f9a,#ff9a6b 40%,#b07cff 80%);color:#0000;filter:drop-shadow(0 3px #fff)drop-shadow(0 6px 14px #ff50a059);-webkit-background-clip:text;background-clip:text}.logo span:nth-child(2){transform:rotate(-3deg)translateY(4px)}.hero-sub{color:var(--ink-soft);margin:10px 0 0;font-size:16px}.lobby-main{max-width:1180px;margin:0 auto;padding:26px 16px 0}.section-title{font-family:var(--title);align-items:baseline;gap:10px;margin:0 0 16px;font-size:26px;font-weight:400;display:flex}.section-title em{font-style:normal;font-family:var(--latin);color:#fff;background:var(--pink);border-radius:999px;padding:3px 10px;font-size:13px}.pc-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:18px;display:grid}.photocard{--mc:var(--pink);box-shadow:0 0 0 3px color-mix(in srgb, var(--mc) 35%, #fff), var(--shadow);cursor:pointer;text-align:left;background:#fff;border:0;border-radius:18px;padding:8px 8px 12px;transition:transform .18s,box-shadow .18s,opacity .2s;transform:rotate(-1deg)}.photocard:nth-child(2n){transform:rotate(1.2deg)}.photocard:hover{transform:rotate(0)translateY(-6px)scale(1.02)}.photocard.picked{box-shadow:0 0 0 4px var(--mc), 0 0 26px color-mix(in srgb, var(--mc) 60%, transparent), var(--shadow);transform:rotate(0)translateY(-4px)}.photocard.dim{opacity:.5}.pc-img{aspect-ratio:1;background:color-mix(in srgb, var(--mc) 25%, #fff);border-radius:12px;position:relative;overflow:hidden}.pc-img img{object-fit:cover;width:100%;height:100%;transition:opacity .25s;position:absolute;inset:0}.pc-smug{opacity:0}.photocard:hover .pc-smug,.photocard.picked .pc-smug{opacity:1}.pick-sticker{background:var(--mc);color:#fff;font-family:var(--latin);border-radius:999px;padding:4px 10px;font-size:13px;font-weight:700;position:absolute;top:8px;right:8px;transform:rotate(8deg);box-shadow:0 3px 8px #0000002e}.pc-body{padding:8px 4px 0}.pc-name{justify-content:space-between;align-items:center;display:flex}.pc-name strong{font-family:var(--title);color:color-mix(in srgb, var(--mc) 70%, var(--ink));font-size:22px;font-weight:400}.pc-body em{color:var(--ink-soft);font-size:12px;font-style:normal;display:block}.pc-body q{quotes:"“" "”";min-height:3.4em;margin:6px 0;font-size:13px;line-height:1.35;display:block}.pc-stats{gap:2px;display:grid}.meter{color:var(--ink-soft);justify-content:space-between;font-size:12px;display:flex}.meter i{letter-spacing:1px;font-style:normal}.meter b{color:#f1d8e6;font-weight:400}.meter b.on{color:var(--mc)}.lobby-dock{background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:min(1100px,100% - 24px);box-shadow:var(--shadow), inset 0 0 0 2px #fff;z-index:10;border-radius:999px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px 10px 18px;display:flex;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}.field{font-family:var(--title);align-items:center;gap:8px;display:flex}.field input{width:130px;font:inherit;background:#fff;border:0;border-radius:999px;outline:none;padding:9px 14px;box-shadow:inset 0 0 0 2px #ffd0e4}.field input:focus{box-shadow:inset 0 0 0 2px var(--pink)}.dock-buttons{gap:8px;display:flex}.veil{z-index:80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#461e5061;place-items:center;padding:16px;animation:.25s fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.sheet{background:var(--paper);border-radius:28px;width:min(720px,100%);max-height:88dvh;padding:24px;animation:.35s cubic-bezier(.2,1.4,.4,1) pop;position:relative;overflow:auto;box-shadow:0 20px 60px #50145a59,inset 0 0 0 3px #ffd6ea}@keyframes pop{0%{opacity:0;scale:.85}}.sheet-x{cursor:pointer;background:#ffe3f0;border:0;border-radius:50%;width:34px;height:34px;position:absolute;top:14px;right:14px}.sheet-title{font-family:var(--title);color:var(--pink-deep);margin:0 0 12px;font-size:30px;font-weight:400}.sheet-buttons{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:16px;display:flex}.welcome{text-align:center;width:min(460px,100%)}.welcome-face{object-fit:cover;width:130px;height:130px;box-shadow:0 0 0 5px #fff, 0 0 0 9px #ffb3d3, var(--shadow);border-radius:50%;margin:0 auto 8px}.recap{text-align:left;padding-left:20px;line-height:1.6}.rules section{margin-bottom:16px}.rules h3{font-family:var(--title);margin:0 0 6px;font-size:19px;font-weight:400}.rules p,.rules li{font-size:15px;line-height:1.6}.rule-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px;display:grid}.rule-row{box-shadow:inset 0 0 0 1px var(--line);background:#fff;border-radius:14px;align-items:center;gap:10px;padding:6px;font-size:14px;line-height:1.4;display:flex}.rule-row img{object-fit:cover;border-radius:10px;flex:none;width:52px;height:52px}.kind{font-size:11px;font-family:var(--title);color:#fff;vertical-align:middle;border-radius:999px;padding:2px 8px;display:inline-block}.kind-costume{background:#ff8fc1}.kind-tech{background:#5aa9ff}.kind-condition{background:#ff9a52}.kind-special{background:#a77bff}.backstage{background-position:50%;background-size:cover;background-attachment:fixed;min-height:100dvh;position:relative}.bs-tint{pointer-events:none;background:linear-gradient(160deg,#ffecf6db,#f1e6ffcc 60%,#e2f6ffd6);position:fixed;inset:0}.topbar{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb8;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0;box-shadow:0 4px 18px #ff5fa21f}.tb-left{align-items:baseline;gap:10px;min-width:0;display:flex}.tb-logo{font-family:var(--latin);letter-spacing:.08em;background:linear-gradient(90deg, var(--pink), var(--lav));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700}.tb-round{font-family:var(--title);color:var(--ink-soft);white-space:nowrap}.tb-events{color:var(--ink-soft);align-items:center;gap:6px;min-width:0;font-size:13px;display:flex}.event-chip{color:#7a4fe0;font-family:var(--title);white-space:nowrap;background:#f3ebff;border-radius:999px;align-items:center;gap:5px;padding:3px 10px 3px 3px;font-weight:400;display:inline-flex}.event-chip img{object-fit:cover;border-radius:50%;width:24px;height:24px}.tb-right{align-items:center;gap:6px;display:flex}.offline{background:#fff3c9;border-radius:999px;padding:3px 10px;font-size:12px}.bs-grid{grid-template-columns:minmax(0,1fr) 360px;gap:16px;max-width:1440px;margin:0 auto;padding:14px 16px 18px;display:grid;position:relative}.bs-main{align-content:start;gap:14px;min-width:0;display:grid}.zone{transition:opacity .3s,filter .3s,box-shadow .3s}.backstage:not([data-focus=""]) .zone{opacity:.5;filter:saturate(.7)}.backstage[data-focus=members] .zone[data-zone=members],.backstage[data-focus=mirror] .zone[data-zone=mirror],.backstage[data-focus=cue] .zone[data-zone=cue],.backstage[data-focus=me] .zone[data-zone=me],.backstage[data-focus=chat] .zone[data-zone=chat]{opacity:1;filter:none;box-shadow:0 0 0 4px #fff, 0 0 0 8px var(--pink), 0 0 40px #ff5fa299;animation:1.6s ease-in-out infinite focusGlow}@keyframes focusGlow{50%{box-shadow:0 0 0 4px #fff, 0 0 0 8px var(--lav), 0 0 50px #b49cffb3}}.members{border-radius:var(--r);scrollbar-width:thin;background:#ffffff8c;gap:14px;padding:40px 14px 10px;display:flex;overflow-x:auto}.member{--mc:var(--pink);flex-direction:column;flex:1 0 140px;align-items:center;max-width:220px;display:flex;position:relative}.member-card{width:100%;max-width:124px;box-shadow:0 0 0 3px color-mix(in srgb, var(--mc) 40%, #fff), 0 6px 16px #0000001a;background:#fff;border-radius:16px;padding:5px;transition:transform .2s;position:relative}.member.turn .member-card{box-shadow:0 0 0 4px var(--mc), 0 0 24px color-mix(in srgb, var(--mc) 70%, transparent);transform:translateY(-4px)rotate(-1.5deg)}.member.yielded .member-card .face,.member.out .member-card .face{filter:grayscale(.85)brightness(.95)}.face{aspect-ratio:1;background:color-mix(in srgb, var(--mc,#ff5fa2) 25%, #fff);border-radius:12px;position:relative;overflow:hidden}.face img{object-fit:cover;width:100%;height:100%;animation:.3s faceIn}@keyframes faceIn{0%{opacity:.6;transform:scale(1.06)}}.face[data-face=panic] img{animation:.45s shake}@keyframes shake{20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.me-face{background:linear-gradient(135deg,#ffc1dd,#d9c8ff);place-items:center;display:grid}.me-face span{font-family:var(--title);color:#fff;text-shadow:0 2px 6px #a0327866;font-size:42px}.peek,.typing{background:var(--mc);color:#fff;font-size:12px;font-family:var(--title);white-space:nowrap;border-radius:999px;padding:3px 10px;animation:.9s ease-in-out infinite bob;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.typing{font-family:var(--latin);letter-spacing:2px;font-weight:700}@keyframes bob{50%{transform:translate(-50%)translateY(-3px)}}.stamp{color:#8b7a9a;font-family:var(--title);background:#fffc;border:3px solid #8b7a9a;border-radius:8px;padding:2px 10px;font-size:20px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)rotate(-14deg)}.stamp.out{color:#e0475b;border-color:#e0475b}.turn-tag{background:var(--mc);color:#fff;font-family:var(--title);border-radius:999px;padding:2px 10px;font-size:13px;position:absolute;top:-10px;left:-8px;transform:rotate(-8deg)}.member-name{align-items:baseline;gap:6px;margin-top:8px;display:flex}.member-name strong{font-family:var(--title);color:color-mix(in srgb, var(--mc) 70%, var(--ink));font-size:18px;font-weight:400}.member-name span{color:var(--mc);letter-spacing:1px;font-size:13px}.bubble{z-index:3;width:max-content;max-width:200px;box-shadow:0 0 0 2px var(--mc), 0 6px 14px #0000001f;-webkit-line-clamp:3;background:#fff;border-radius:14px;-webkit-box-orient:vertical;margin:0;padding:7px 11px;font-size:13px;line-height:1.35;animation:.35s cubic-bezier(.2,1.5,.4,1) bubbleIn,.6s 6s forwards bubbleOut;display:-webkit-box;position:absolute;bottom:calc(100% - 34px);left:50%;overflow:hidden;transform:translate(-50%)}@keyframes bubbleIn{0%{opacity:0;transform:translate(-50%)scale(.6)}}@keyframes bubbleOut{to{opacity:0;visibility:hidden}}.bs-mid{grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:14px;display:grid}.mirror{box-shadow:inset 0 0 0 3px #ffe9c2, var(--shadow);background:linear-gradient(145deg,#f7d8a8,#e8b97d);border-radius:26px;padding:16px;position:relative}.bulbs{pointer-events:none;position:absolute;inset:4px}.bulbs i{background:#fffbe8;border-radius:50%;width:12px;height:12px;animation:1.4s ease-in-out infinite twinkle;position:absolute;box-shadow:0 0 10px 3px #ffeca0f2}.bulbs i:first-child{top:0;left:2%}.bulbs i:nth-child(2){top:0;left:18%}.bulbs i:nth-child(3){top:0;left:34%}.bulbs i:nth-child(4){top:0;left:50%}.bulbs i:nth-child(5){top:0;left:66%}.bulbs i:nth-child(6){top:0;left:82%}.bulbs i:nth-child(7){top:0;left:97%}.bulbs i:nth-child(8){top:25%;left:0}.bulbs i:nth-child(9){top:50%;left:0}.bulbs i:nth-child(10){top:75%;left:0}.bulbs i:nth-child(11){top:25%;left:auto;right:0}.bulbs i:nth-child(12){top:50%;left:auto;right:0}.bulbs i:nth-child(13){top:75%;left:auto;right:0}.bulbs i:nth-child(14){top:auto;bottom:0;left:50%}@keyframes twinkle{50%{opacity:.55;box-shadow:0 0 4px 1px #ffeca099}}.mirror-glass{background:linear-gradient(160deg,#ffffffeb,#eaf3ffdb 60%,#ffeef8e6);border-radius:18px;padding:14px;position:relative;box-shadow:inset 0 0 0 2px #ffffffe6,inset 0 -20px 40px #b4c8ff40}.mirror-glass:before{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#ffffffb3,#0000);width:18%;height:100%;position:absolute;top:0;left:12%;transform:skew(-16deg)}.mirror-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.mirror-title{font-family:var(--latin);letter-spacing:.12em;color:var(--pink-deep);font-weight:700}.mirror-note{color:var(--ink-soft);margin:4px 0 10px;font-size:13px}.hearts{align-items:center;gap:1px;display:inline-flex}.hearts i{color:#f4d4e4;font-size:20px;font-style:normal;line-height:1}.hearts i.on{color:var(--pink);text-shadow:0 0 8px #ff5fa299;animation:1.2s ease-in-out infinite beat}.hearts b{font-family:var(--latin);margin-left:6px;font-size:18px}@keyframes beat{15%{transform:scale(1.18)}30%{transform:scale(1)}}.supports{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.support{cursor:pointer;font-family:var(--title);text-align:center;background:#fff;border:0;border-radius:16px;flex-direction:column;align-items:center;gap:5px;padding:7px 6px 9px;font-size:13px;line-height:1.2;transition:transform .15s,box-shadow .2s;display:flex;position:relative;box-shadow:0 4px 10px #5028781f,inset 0 0 0 2px #f2e6ff}.support img{aspect-ratio:1;object-fit:cover;border-radius:12px;width:100%;max-width:96px}.support:hover:not(:disabled){transform:translateY(-3px)rotate(-1deg)}.support.open{box-shadow:0 0 0 3px var(--lav), 0 4px 10px #5028781f}.supports.droppable .support:not(.gone){animation:1.6s ease-in-out infinite wiggle;box-shadow:0 0 0 3px #ff9cc7,0 6px 14px #ff5fa240}@keyframes wiggle{25%{transform:rotate(-1.5deg)}75%{transform:rotate(1.5deg)}}.support.expected{box-shadow:0 0 0 4px var(--pink), 0 0 24px #ff5fa2b3!important}.support.gone{color:#9a8aa6;background:#f3eef6;animation:none!important}.support.gone img{filter:grayscale(.9);opacity:.6;clip-path:polygon(0 0,100% 0,100% 46%,78% 54%,56% 44%,34% 56%,12% 46%,0 54%)}.torn{background:var(--mc);color:#fff;white-space:nowrap;filter:none;border-radius:6px;padding:2px 8px;font-size:12px;font-style:normal;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)rotate(-10deg)}.support-info{min-height:2.6em;color:var(--ink-soft);margin:10px 0 0;font-size:13px;line-height:1.35}.clipboard{box-shadow:0 0 0 10px #c99b6d, 0 0 0 12px #a77a50, var(--shadow);background:#fffdf5 repeating-linear-gradient(0deg,#0000 0 27px,#6cc4ff38 27px 28px);border-radius:18px;margin:12px;padding:30px 14px 14px;position:relative}.clip{background:linear-gradient(#e9eef4,#b9c3cf);border-radius:10px 10px 6px 6px;width:110px;height:34px;position:absolute;top:-20px;left:50%;transform:translate(-50%);box-shadow:0 3px 6px #00000040,inset 0 2px #fff}.clip-title{font-family:var(--latin);letter-spacing:.14em;color:#4a7bd0;text-align:center;margin:0 0 10px;font-weight:700}.deck-stack{width:120px;height:64px;margin:0 auto 12px;position:relative}.deck-paper{box-shadow:0 2px 6px #0000001f, inset 0 0 0 1px var(--line);background:#fff;border-radius:8px;position:absolute;inset:0}.deck-paper:first-child{transform:rotate(-5deg)translate(-4px,3px)}.deck-paper:nth-child(2){transform:rotate(4deg)translate(4px,2px)}.deck-paper:nth-child(3){background:linear-gradient(135deg,#fff,#f3ecff);flex-direction:column;justify-content:center;align-items:center;display:flex}.deck-paper b{font-family:var(--latin);color:#7a4fe0;font-size:26px;line-height:1}.deck-paper span{color:var(--ink-soft);font-size:12px}.setlist{gap:6px;margin:0;padding:0;list-style:none;display:grid}.track{--mc:var(--pink);border-left:5px solid var(--mc);background:#fff;border-radius:10px;grid-template-columns:74px minmax(0,1fr) auto auto;align-items:center;gap:6px;padding:6px 8px;font-size:14px;animation:.35s slideIn;display:grid;box-shadow:0 2px 6px #0000000f}@keyframes slideIn{0%{opacity:0;transform:translate(16px)}}.track.empty{text-align:center;color:var(--ink-soft);background:0 0;border:2px dashed #e6d6f2;display:block}.track-no{font-family:var(--latin);color:var(--ink-soft);font-size:12px;font-weight:700}.track-name{font-family:var(--title);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track-by{color:color-mix(in srgb, var(--mc) 70%, var(--ink));font-size:12px}.track.encore{background:linear-gradient(90deg,#fff0f8,#f3ecff);box-shadow:0 0 0 2px #ffb3d3,0 2px 8px #ff5fa233}.track.encore .track-no{color:var(--pink-deep)}.encore-tag{font-family:var(--latin);background:var(--pink);color:#fff;border-radius:999px;padding:1px 8px;font-size:12px}.dock{border-radius:var(--r);box-shadow:var(--shadow), inset 0 0 0 2px #fff;background:#ffffffdb;padding:14px}.dock-idle{grid-template-columns:auto minmax(160px,1fr) auto;grid-template-areas:"me conf act""hint hint hint";align-items:center;gap:10px 16px;display:grid}.dock-me{grid-area:me;align-items:center;gap:10px;display:flex}.dock-face{border-radius:50%;width:54px}.dock-face span{font-size:26px}.dock-me strong{font-family:var(--title);font-size:19px;font-weight:400;display:block}.score{color:var(--pink-deep);font-size:13px}.confidence{font-family:var(--title);grid-area:conf;align-items:center;gap:8px;display:flex}.confidence i{background:#f6e2ee;border-radius:999px;flex:1;height:14px;overflow:hidden}.confidence i b{border-radius:inherit;background:linear-gradient(90deg, var(--lav), var(--pink));height:100%;transition:width .5s;display:block}.confidence i b.low{background:linear-gradient(90deg,#ffb26b,#ff5f6d)}.confidence em{font-style:normal;font-family:var(--latin);text-align:right;width:42px}.dock-actions{grid-area:act;gap:8px;display:flex}.turn-hint{color:var(--ink-soft);grid-area:hint;margin:0;font-size:13px}.dock-pending{align-items:center;gap:16px;animation:.35s cubic-bezier(.2,1.4,.4,1) pop;display:flex}.dock-choice{justify-items:start;gap:8px;display:grid}.dock-q{font-family:var(--title);margin:0;font-size:20px}.dock-or{color:var(--ink-soft);margin:0;font-size:13px}.cue-card{background:#fff;border-radius:16px;padding:6px;position:relative;box-shadow:0 0 0 3px #ffd6ea,0 10px 24px #78286e38}.cue-card.kind-bg-tech{box-shadow:0 0 0 3px #bfe0ff,0 10px 24px #28508c38}.cue-card.kind-bg-condition{box-shadow:0 0 0 3px #ffd2b0,0 10px 24px #8c461e38}.cue-card.kind-bg-special{box-shadow:0 0 0 3px #dccbff,0 10px 24px #5a32a038}.cue-card img{aspect-ratio:1;object-fit:cover;border-radius:12px;width:100%}.cue-lg{flex:none;width:150px;transform:rotate(-2deg)}.cue-meta{gap:2px;padding:6px 4px 2px;display:grid}.cue-meta strong{font-family:var(--title);font-size:17px;font-weight:400}.cue-power{font-family:var(--latin);color:var(--pink-deep);font-size:13px;font-weight:700}.cue-hint{color:var(--ink-soft);margin:4px;font-size:12px}.phone{background:#fbf7ff;border:10px solid #2e2238;border-radius:40px;flex-direction:column;height:calc(100dvh - 92px);min-height:460px;display:flex;position:sticky;top:72px;overflow:hidden;box-shadow:0 20px 50px #3c14504d}.phone-notch{background:#2e2238;border-radius:0 0 16px 16px;flex:none;width:110px;height:22px;margin:0 auto}.phone-head{font-family:var(--title);border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;padding:8px 16px 10px;display:flex}.phone-head em{font-style:normal;font-family:var(--latin);color:var(--ink-soft)}.phone-list{background:linear-gradient(#f7f0ff,#fff1f8);flex-direction:column;flex:1;gap:8px;padding:12px 10px;display:flex;overflow-y:auto}.notice{text-align:center;max-width:92%;color:var(--ink-soft);background:#fffc;border-radius:999px;align-self:center;margin:2px 0;padding:4px 12px;font-size:12px;line-height:1.4}.msg{--mc:var(--pink);align-items:flex-start;gap:7px;max-width:88%;animation:.3s msgIn;display:flex}@keyframes msgIn{0%{opacity:0;transform:translateY(8px)}}.msg-avatar{object-fit:cover;width:34px;height:34px;box-shadow:0 0 0 2px var(--mc);border-radius:50%;flex:none}.msg-name{color:color-mix(in srgb, var(--mc) 75%, var(--ink));font-size:12px;font-family:var(--title);margin-bottom:2px;display:block}.msg-text{box-shadow:0 2px 6px #50287814, inset 3px 0 0 var(--mc);word-break:keep-all;overflow-wrap:anywhere;background:#fff;border-radius:4px 16px 16px;margin:0;padding:8px 11px;font-size:14px;line-height:1.45}.msg.mine{align-self:flex-end}.msg.mine .msg-text{background:linear-gradient(135deg, var(--pink), #ff8cc0);color:#fff;border-radius:16px 4px 16px 16px;box-shadow:0 2px 8px #ff5fa24d}.phone-input{border-top:1px solid var(--line);background:#fff;gap:6px;padding:8px;display:flex}.phone-input input{min-width:0;font:inherit;background:#f6eefc;border:0;border-radius:999px;outline:none;flex:1;padding:10px 14px;font-size:14px}.send{background:var(--pink);color:#fff;cursor:pointer;border:0;border-radius:50%;width:40px}.coach{z-index:60;background:#fff;border-radius:24px;align-items:flex-start;gap:12px;width:min(520px,100% - 32px);padding:14px;animation:.35s cubic-bezier(.2,1.4,.4,1) pop;display:flex;position:fixed;bottom:16px;left:16px;box-shadow:0 16px 40px #78286e4d,inset 0 0 0 3px #ffc2dc}.coach.top{width:min(620px,100% - 32px);top:70px;bottom:auto;left:50%;transform:translate(-50%)}.coach-face{object-fit:cover;border-radius:50%;flex:none;width:72px;height:72px;box-shadow:0 0 0 3px #ff5a7a}.coach-body{justify-items:start;gap:6px;display:grid}.coach-step{font-family:var(--latin);color:var(--pink-deep);font-size:12px;font-weight:700}.coach-body p{margin:0;font-size:15px;line-height:1.55}.stage-show{z-index:50;color:#fff;background:#120a24;flex-direction:column;animation:.5s fade;display:flex;position:fixed;inset:0;overflow:hidden}.stage-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.stage-shade{background:linear-gradient(#1408288c,#14082826 40%,#140828b3);position:absolute;inset:0}.stage-show.lost .stage-shade{background:linear-gradient(#1e0614cc,#1e061499)}.hit-flash{pointer-events:none;background:radial-gradient(circle,#ff3c5a59,#ff002826);animation:.6s forwards flash;position:absolute;inset:0}@keyframes flash{to{opacity:0}}.stage-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex;position:relative}.performer{--mc:var(--pink);align-items:center;gap:12px;display:flex}.performer-face{width:86px;box-shadow:0 0 0 4px var(--mc), 0 0 30px var(--mc);border-radius:50%}.performer strong{font-family:var(--title);text-shadow:0 2px 10px #00000080;font-size:28px;font-weight:400;display:block}.performer em{opacity:.85;font-size:13px;font-style:normal}.live-dot{font-family:var(--latin);color:#ff4d6d;font-size:12px;font-weight:700;animation:1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.3}}.stage-meters{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14082873;border-radius:18px;gap:6px;padding:10px 14px;display:grid}.meter-row{font-family:var(--latin);letter-spacing:.06em;align-items:center;gap:10px;font-size:13px;font-weight:700;display:flex}.meter-row>span{width:52px}.stage-show .hearts i{color:#ffffff40}.stage-show .hearts i.on{color:#ff6fae}.fever{background:#fff3;border-radius:999px;width:180px;height:12px;overflow:hidden}.fever b{background:linear-gradient(90deg,#6cc4ff,#b49cff,#ff6fae,#ffd23f) 0 0/200% 100%;height:100%;transition:width .6s;animation:1.5s linear infinite shimmer;display:block}@keyframes shimmer{to{background-position:-200% 0}}.stage-tracks{flex-wrap:wrap;flex:1;place-content:center;gap:12px;padding:10px 20px;display:flex;position:relative}.stage-track{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center;background:#ffffff1f;border-radius:16px;justify-items:center;gap:4px;width:clamp(110px,11vw,160px);padding:6px;transition:transform .3s,box-shadow .3s;display:grid;box-shadow:inset 0 0 0 2px #ffffff40}.st-no{font-family:var(--latin);letter-spacing:.08em;opacity:.9;font-size:11px;font-weight:700}.st-back{aspect-ratio:1;background:linear-gradient(135deg,#ff6fae59,#b49cff59);border-radius:12px;place-items:center;width:100%;font-size:34px;display:grid}.stage-track img{aspect-ratio:1;object-fit:cover;border-radius:12px;width:100%;animation:.5s flipIn}@keyframes flipIn{0%{transform:rotateY(90deg)}}.stage-track strong{font-family:var(--title);font-size:13px;font-weight:400;line-height:1.2}.stage-track.encore{box-shadow:inset 0 0 0 2px #ffd23f,0 0 20px #ffd23f66}.stage-track.now{transform:translateY(-8px)scale(1.08)}.stage-track.on.out-blocked,.stage-track.on.out-saved,.stage-track.on.out-boost,.stage-track.on.out-guest{box-shadow:inset 0 0 0 3px #7dffc8,0 0 24px #7dffc880}.stage-track.on.out-hit{box-shadow:inset 0 0 0 3px #ffb36b,0 0 20px #ff8c5080}.stage-track.on.out-down{animation:.5s shake;box-shadow:inset 0 0 0 3px #ff4d6d,0 0 30px #ff3c5acc}.stage-track.skipped{opacity:.35}.stage-track.skipped .st-back{font-size:14px;font-family:var(--title)}.empty-stage{font-family:var(--title);font-size:22px}.caption{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;text-align:center;background:#14082899;border-radius:999px;justify-items:center;gap:4px;padding:12px 26px;animation:2.4s forwards capIn;display:grid;position:absolute;top:56%;left:50%;transform:translate(-50%,-50%)}.caption strong{font-family:var(--title);font-size:clamp(26px,4vw,42px);font-weight:400}.caption span{font-size:15px}.caption.good strong{color:#8dffd2;text-shadow:0 0 18px #7dffc8cc}.caption.bad strong{color:#ff8a9d;text-shadow:0 0 18px #ff3c5acc}@keyframes capIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}12%{opacity:1;transform:translate(-50%,-50%)scale(1.06)}20%,80%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0}}.encore-call{font-family:var(--latin);color:#ffd23f;text-shadow:0 0 20px #ffd23fe6,0 4px #b6327a;pointer-events:none;white-space:nowrap;font-size:clamp(30px,6vw,64px);font-weight:700;animation:.5s ease-in-out infinite alternate chant;position:absolute;top:26%;left:50%;transform:translate(-50%)}@keyframes chant{to{transform:translate(-50%)scale(1.08)}}.stage-foot{padding:16px 16px max(16px, env(safe-area-inset-bottom));justify-content:center;align-items:center;gap:12px;min-height:80px;display:flex;position:relative}.auto-hint{font-family:var(--title);opacity:.85}.result-card{text-align:center;width:min(460px,100% - 32px);color:var(--ink);z-index:2;background:#fff;border-radius:28px;padding:22px;animation:.5s cubic-bezier(.2,1.4,.4,1) pop;position:absolute;bottom:96px;left:50%;transform:translate(-50%);box-shadow:0 20px 60px #0006}.result-card h2{font-family:var(--title);margin:4px 0 6px;font-size:34px;font-weight:400}.result-card.good h2{color:var(--pink-deep)}.result-card.bad{color:#fff;background:#1d1426;box-shadow:0 0 0 3px #ff4d6d,0 20px 60px #00000080}.result-card.bad h2{color:#ff8a9d;font-size:26px}.fancam{background:#000;border-radius:18px;padding:10px;position:relative;box-shadow:inset 0 0 0 2px #333}.rec{z-index:1;font-family:var(--latin);color:#ff4d6d;font-size:12px;font-weight:700;animation:1s steps(2,end) infinite blink;position:absolute;top:16px;left:18px}.fancam-face{filter:contrast(1.1)saturate(.8);border-radius:12px;width:100%;max-width:170px;margin:0 auto}.fancam-title{text-align:left;margin:8px 0 2px;font-size:14px}.fancam-views{color:#ffb3c1;text-align:left;margin:0;font-size:13px}.views{font-family:var(--latin);color:#fff;font-weight:700}.confetti{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.confetti i{border-radius:2px;animation-name:fall;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;top:-20px}@keyframes fall{to{transform:translateY(110vh)rotate(720deg)}}.finale{z-index:70;background-position:50%;background-size:cover;place-items:center;padding:16px;animation:.6s fade;display:grid;position:fixed;inset:0}.finale:before{content:"";background:linear-gradient(#fff0f826,#3c145073);position:absolute;inset:0}.finale-card{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border-radius:30px;width:min(460px,100%);padding:22px;animation:.6s cubic-bezier(.2,1.4,.4,1) pop;position:relative;box-shadow:0 20px 60px #3c145066,inset 0 0 0 3px #ffd23f}.finale-title{font-family:var(--title);background:linear-gradient(120deg,#ff4f9a,#ffb23f,#b07cff);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 12px;font-size:44px;font-weight:400}.finale-who{--mc:var(--pink);justify-items:center;gap:6px;display:grid}.finale-who .face{width:140px;box-shadow:0 0 0 5px #fff, 0 0 0 9px var(--mc);border-radius:50%}.finale-who strong{font-family:var(--title);font-size:26px;font-weight:400}@media (width<=1100px){.bs-grid{grid-template-columns:minmax(0,1fr) 300px}.bs-mid{grid-template-columns:minmax(0,1fr)}}@media (width<=900px){.hero{border-radius:0 0 28px 28px;height:46vh}.lobby{padding-bottom:170px}.pc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pc-body q{display:none}.lobby-dock{border-radius:24px;flex-direction:column;align-items:stretch;padding:12px}.field input{flex:1;width:auto}.dock-buttons{flex-wrap:wrap}.dock-buttons .btn.big{flex:1 0 100%;order:-1}.dock-buttons .btn.soft{flex:1}.topbar{flex-wrap:wrap;padding:8px 12px}.tb-events{order:3;width:100%;overflow-x:auto}.tb-events>span{display:none}.bs-grid{grid-template-columns:minmax(0,1fr);padding:10px 10px 16px}.members{padding:40px 10px 10px}.member{flex:0 0 104px}.bubble{max-width:150px;font-size:12px}.clipboard{margin:10px 8px}.supports{gap:6px}.support{font-size:12px}.dock{z-index:15;position:sticky;bottom:8px}.dock-idle{grid-template-columns:minmax(0,1fr);grid-template-areas:"conf""act""hint";gap:8px}.dock-me{display:none}.dock-actions .btn{flex:1;padding:12px 10px;font-size:16px}.dock-pending{gap:10px}.cue-lg{width:128px}.dock-q{font-size:17px}.phone{border-width:8px;border-radius:30px;height:460px;min-height:0;position:relative;top:0}.coach,.coach.top{width:auto;padding:10px;left:8px;right:8px;transform:none}.coach.top{top:8px;bottom:auto}.coach.bottom{top:auto;bottom:8px}.coach-face{width:52px;height:52px}.coach-body p{font-size:14px}.stage-head{padding:12px}.performer-face{width:60px}.performer strong{font-size:22px}.fever{width:120px}.stage-tracks{align-content:flex-start;gap:8px;padding:6px 10px;overflow-y:auto}.stage-track{width:84px}.stage-track strong{font-size:11px}.caption{border-radius:24px;width:calc(100% - 32px);top:62%}}
