.vui{pointer-events:none;color:#f2f4f8;-webkit-user-select:none;user-select:none;text-shadow:0 1px 2px #000000b3;font-family:system-ui,-apple-system,Segoe UI,Malgun Gothic,sans-serif;position:fixed;inset:0}.vui-crosshair{background:#38bdf8;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1.5px #000c,0 0 6px #38bdf880}.vui-hitmarker{opacity:0;color:#f1f5f9;filter:drop-shadow(0 0 2px #000c);background:linear-gradient(45deg,#0000 45%,currentColor 45% 55%,#0000 55%),linear-gradient(-45deg,#0000 45%,currentColor 45% 55%,#0000 55%);width:24px;height:24px;margin:-12px 0 0 -12px;transition:opacity 80ms,transform 80ms;position:absolute;top:50%;left:50%;transform:scale(1);-webkit-mask:radial-gradient(circle,#0000 6px,#000 7px);mask:radial-gradient(circle,#0000 6px,#000 7px)}.vui-hitmarker[data-kind=head]{color:#facc15;filter:drop-shadow(0 0 4px #facc1566);background:linear-gradient(45deg,#0000 45%,currentColor 45% 55%,#0000 55%),linear-gradient(-45deg,#0000 45%,currentColor 45% 55%,#0000 55%),radial-gradient(circle,#0000 9px,currentColor 9px 11px,#0000 11px);transform:scale(1.2)}.vui-hitmarker[data-kind=kill]{color:#ef4444;filter:drop-shadow(0 0 6px #ef444499);background:linear-gradient(45deg,#0000 40%,currentColor 40% 60%,#0000 60%),linear-gradient(-45deg,#0000 40%,currentColor 40% 60%,#0000 60%);transform:scale(1.5)}.vui-hp{-webkit-backdrop-filter:blur(8px);background:#0f172a99;border:1px solid #ffffff1a;border-radius:12px;grid-template-columns:auto auto;align-items:baseline;gap:4px 12px;width:200px;padding:16px 20px;display:grid;position:absolute;bottom:24px;left:24px;box-shadow:0 4px 12px #0000004d}.vui-hp-label{color:#94a3b8;letter-spacing:.05em;font-size:14px;font-weight:800}.vui-hp-value{color:#fff;text-shadow:0 0 10px #ffffff4d;justify-self:end;font-size:32px;font-weight:800}.vui-hp-bar{background:#00000080;border-radius:4px;grid-column:1/-1;height:8px;overflow:hidden;box-shadow:inset 0 1px 3px #00000080}.vui-hp-fill{background:linear-gradient(90deg,#22c55e,#4ade80);height:100%;transition:width .15s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #4ade8080}.vui-hp[data-low="1"] .vui-hp-fill{background:linear-gradient(90deg,#ef4444,#f87171);box-shadow:0 0 10px #f8717180}.vui-hp[data-low="1"] .vui-hp-value{color:#fca5a5;text-shadow:0 0 10px #f8717180}.vui-stats{letter-spacing:.05em;color:#e2e8f0;-webkit-backdrop-filter:blur(8px);background:#0f172a99;border:1px solid #ffffff1a;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:600;position:absolute;top:24px;right:24px;box-shadow:0 4px 12px #0000004d}.vui-muted{color:#fca5a5;-webkit-backdrop-filter:blur(8px);background:#0f172a99;border:1px solid #f8717133;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:600;position:absolute;top:24px;left:24px;box-shadow:0 4px 12px #0000004d}.vui-feed{flex-direction:column;align-items:flex-end;gap:4px;font-size:14px;display:flex;position:absolute;top:80px;right:24px}.vui-feed-row{background:#00000073;border-radius:4px;padding:3px 8px}.vui-feed-row[data-me=killer]{background:#4ade8059}.vui-feed-row[data-me=victim]{background:#f8717159}.vui-feed-icon{opacity:.8;margin:0 4px;font-family:Segoe UI Symbol,sans-serif;display:inline-block;transform:scale(1.1)}.vui-feed-icon[data-head="1"]{color:#fbbf24;text-shadow:0 0 5px #fbbf2480;transform:scale(1.3)}.vui-death,.vui-lock,.vui-status{white-space:nowrap;background:#0000008c;border-radius:6px;padding:10px 18px;font-size:18px;position:absolute;left:50%;transform:translate(-50%)}.vui-death{color:#fca5a5;font-size:24px;top:30%}.vui-lock{top:60%}.vui-status{z-index:110;top:72px}.vui-damage{opacity:0;transition:opacity .15s;position:absolute;inset:0;box-shadow:inset 0 0 120px #ff00008c}.vui-board{-webkit-backdrop-filter:blur(16px);background:#0f172a99;border:1px solid #ffffff26;border-radius:16px;min-width:min(480px,100vw - 32px);padding:24px 32px;position:absolute;top:20%;left:50%;transform:translate(-50%);box-shadow:0 20px 40px #00000080,inset 0 1px 1px #ffffff1a}.vui-board-title{text-align:center;letter-spacing:.1em;color:#fff;text-transform:uppercase;text-shadow:0 2px 4px #00000080;margin-bottom:20px;font-size:24px;font-weight:800}.vui-board-table{border-collapse:collapse;width:100%;font-size:15px}.vui-board-table th,.vui-board-table td{text-align:right;border-bottom:1px solid #ffffff0d;padding:12px 16px}.vui-board-table th:first-child,.vui-board-table td:first-child{text-align:left}.vui-board-table th{opacity:.8;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #ffffff1a;font-size:13px;font-weight:700}.vui-board-me{color:#38bdf8;background:linear-gradient(90deg,#38bdf826,#0284c740);font-weight:700;box-shadow:inset 3px 0 #38bdf8}.vui-board-me td{border-bottom:none}.vui-join{-webkit-backdrop-filter:blur(12px);pointer-events:auto;z-index:100;background:radial-gradient(circle,#0f172a66 0%,#020617e6 100%);place-items:center;display:grid;position:absolute;inset:0}.vui-join-card{width:min(420px,100vw - 32px);text-shadow:none;-webkit-backdrop-filter:blur(20px);opacity:0;background:#1e293b99;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:20px;padding:40px;animation:.6s cubic-bezier(.2,.8,.2,1) forwards joinCardEnter;display:flex;transform:translateY(20px)scale(.95);box-shadow:0 25px 50px -12px #00000080,inset 0 0 0 1px #ffffff0d}@keyframes joinCardEnter{to{opacity:1;transform:translateY(0)scale(1)}}.vui-join-title{letter-spacing:.15em;text-align:center;text-transform:uppercase;background:linear-gradient(135deg,#fff 0%,#94a3b8 100%);color:#0000;filter:drop-shadow(0 4px 12px #ffffff1a);-webkit-background-clip:text;background-clip:text;margin:0;font-size:52px;font-style:italic;font-weight:900}.vui-join-sub{text-align:center;letter-spacing:.2em;color:#38bdf8;text-transform:uppercase;margin:-10px 0 10px;font-size:14px;font-weight:600}.vui-join-input{color:#fff;background:#0f172a99;border:1px solid #94a3b833;border-radius:8px;outline:none;padding:14px 16px;font-size:16px;font-weight:500;transition:all .2s;box-shadow:inset 0 2px 4px #0003}.vui-join-input:focus{background:#0f172acc;border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf833,inset 0 2px 4px #0003}.vui-join-input::placeholder{color:#94a3b880}.vui-join-btn{letter-spacing:.05em;color:#0f172a;cursor:pointer;text-transform:uppercase;background:linear-gradient(135deg,#38bdf8 0%,#0284c7 100%);border:none;border-radius:8px;padding:16px;font-size:18px;font-weight:800;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #0284c766}.vui-join-btn:hover{background:linear-gradient(135deg,#7dd3fc 0%,#0ea5e9 100%);transform:translateY(-2px);box-shadow:0 6px 20px #0284c799}.vui-join-btn:active{transform:translateY(1px);box-shadow:0 2px 8px #0284c766}.vui-join-help{color:#94a3b8;text-align:center;background:#0f172a66;border:1px dashed #94a3b833;border-radius:6px;margin:10px 0 0;padding:12px;font-size:13px;line-height:1.6}.vui-settings{-webkit-backdrop-filter:blur(16px);pointer-events:auto;z-index:90;background:#0f172ad9;border:1px solid #ffffff26;border-radius:16px;width:min(400px,100vw - 32px);padding:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 50px #0009,inset 0 1px 1px #ffffff1a}.vui-settings-title{text-align:center;color:#fff;letter-spacing:.1em;text-shadow:0 2px 4px #00000080;margin:0 0 24px;font-size:24px;font-weight:800}.vui-settings-body{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.vui-settings-row{grid-template-columns:100px 1fr 60px;align-items:center;gap:12px;display:grid}.vui-settings-row-check{justify-content:space-between;align-items:center;display:flex}.vui-settings-label{color:#cbd5e1;font-size:14px;font-weight:600}.vui-settings-val{color:#38bdf8;text-align:right;font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.vui-settings-range{accent-color:#38bdf8;cursor:pointer;width:100%}.vui-settings-check{accent-color:#38bdf8;cursor:pointer;width:18px;height:18px}.vui-settings-btns{gap:12px;display:flex}.vui-settings-btn-reset,.vui-settings-btn-close{cursor:pointer;border:none;border-radius:8px;flex:1;padding:12px;font-size:15px;font-weight:700;transition:all .2s}.vui-settings-btn-reset{color:#cbd5e1;background:#ffffff1a}.vui-settings-btn-reset:hover{color:#fff;background:#fff3}.vui-settings-btn-close{color:#0f172a;background:linear-gradient(135deg,#38bdf8 0%,#0284c7 100%);box-shadow:0 4px 10px #0284c766}.vui-settings-btn-close:hover{background:linear-gradient(135deg,#7dd3fc 0%,#0ea5e9 100%);transform:translateY(-2px);box-shadow:0 6px 15px #0284c799}.vui-weapon{-webkit-backdrop-filter:blur(8px);background:#0f172a99;border:1px solid #ffffff1a;border-radius:12px;gap:8px;padding:8px;display:flex;position:absolute;bottom:24px;right:24px;box-shadow:0 4px 12px #0000004d}.vui-weapon-item{color:#94a3b8;background:#0000004d;border-radius:6px;padding:6px 12px;font-size:14px;font-weight:700;transition:all .15s}.vui-weapon-key{opacity:.7;font-weight:600}@media (width<=640px){.vui-weapon{gap:4px;padding:5px}.vui-weapon-item{padding:4px 7px;font-size:12px}.vui-weapon-key{display:none}}.vui-touch .vui-weapon-key,.vui-touch .vui-weapon-item:not([data-active="1"]){display:none}.vui-scope{pointer-events:none;position:absolute;inset:0;overflow:hidden}.vui-scope-lens{border:3px solid #0b0d12;border-radius:50%;width:min(86vh,86vw);height:min(86vh,86vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 200vmax #06080cf7,inset 0 0 36px 14px #000000b3}.vui-scope-lens:before,.vui-scope-lens:after{content:"";background:#080a0ee6;position:absolute;box-shadow:0 0 0 1px #ffffff38}.vui-scope-lens{--settle:1}.vui-scope-lens:before,.vui-scope-lens:after{opacity:calc(.35 + .65 * var(--settle));filter:blur(calc((1 - var(--settle)) * 4px))}.vui-scope-lens:before{height:2px;transform:translateY(-1px) scaleY(calc(4 - 3 * var(--settle)));top:50%;left:4%;right:4%}.vui-scope-lens:after{width:2px;transform:translateX(-1px) scaleX(calc(4 - 3 * var(--settle)));top:4%;bottom:4%;left:50%}.vui-touch .vui-scope-lens{box-shadow:0 0 0 200vmax #06080cb8,inset 0 0 30px 10px #0009}.vui-scope-dot{width:6px;height:6px;transform:translate(-50%, -50%) scale(calc(3 - 2 * var(--settle)));opacity:calc(.25 + .5 * var(--settle));background:#ff4d4d;border-radius:50%;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #0009}.vui-scope-lens[data-ready="1"] .vui-scope-dot{opacity:1;box-shadow:0 0 0 1px #0009,0 0 8px 2px #ff4d4db3}.vui-weapon-item[data-active="1"]{color:#38bdf8;text-shadow:0 0 8px #38bdf866;background:#38bdf826;box-shadow:inset 0 0 0 1px #38bdf84d}.vui-board-bot{color:#94a3b8;vertical-align:middle;background:#ffffff1a;border-radius:4px;margin-left:8px;padding:2px 6px;font-size:11px;font-weight:800;display:inline-block}.vui-touch .vui-join{touch-action:pan-y;max-height:100dvh;overflow:auto}.vui-touch .vui-join-card{margin:16px auto;padding:24px 16px}.vui-touch .vui-hp{transform-origin:0 100%;transform:scale(.75)}.vui-touch .vui-weapon{top:auto;bottom:40px;right:210px}.vtouch-fire,.vtouch-jump,.vtouch-weapon,.vtouch-aim,.vtouch-board,.vtouch-pause,.vtouch-emote{-webkit-backdrop-filter:blur(4px);box-shadow:0 4px 12px #0003;background:#ffffff26!important;border:1px solid #ffffff4d!important;min-width:56px!important;min-height:56px!important}.vtouch-btn[data-down="1"]{background:#ffffff4d!important}.vtouch-fire{width:76px!important;height:76px!important;bottom:32px!important;right:32px!important}.vtouch-jump{width:64px!important;height:64px!important;bottom:32px!important;right:124px!important}.vtouch-weapon{width:64px!important;height:64px!important;bottom:124px!important;right:32px!important}.vtouch-aim{width:64px!important;height:64px!important;bottom:140px!important;right:164px!important}.vtouch-aim[data-on="1"]{background:#38bdf880!important}.vtouch-board{top:16px!important;left:16px!important}.vtouch-pause{top:16px!important;left:88px!important}.vtouch-emote{top:16px!important;left:160px!important}.vtouch-emote[data-open="1"]{background:#38bdf866!important}.vtouch-emote-menu{-webkit-backdrop-filter:blur(4px);top:84px;left:16px}@media (width<=480px){.vtouch-emote{top:84px!important;left:16px!important}.vtouch-emote-menu{top:152px}}.vui-damage-indicators{pointer-events:none;z-index:5;position:absolute;inset:0}.vui-damage-indicator{pointer-events:none;width:200px;height:200px;margin-top:-100px;margin-left:-100px;animation:1s ease-out forwards v-damage-fade;position:absolute;top:50%;left:50%}.vui-damage-indicator:before{content:"";filter:drop-shadow(0 0 6px #f00c);border:12px solid #0000;border-top-color:#ff1e1ee6;border-radius:50%;width:140px;height:140px;position:absolute;top:0;left:50%;transform:translate(-50%)}@keyframes v-damage-fade{0%{opacity:1;transform:scale(.85)}20%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.15)}}.vui-protect{color:#38bdf8;text-shadow:0 1px 3px #000c;pointer-events:none;font-size:14px;font-weight:700;animation:1.5s infinite v-protect-pulse;position:absolute;top:calc(50% + 40px);left:50%;transform:translate(-50%)}@keyframes v-protect-pulse{0%,to{opacity:.8}50%{opacity:.4}}.vui [data-ally="1"]{--team:#60a5fa}.vui [data-ally="0"]{--team:#f87171}.vui-feed-killer[data-ally],.vui-feed-victim[data-ally]{color:var(--team);font-weight:700}.vui-match-ally{color:#60a5fa;font-weight:800}.vui-match-enemy{color:#f87171;font-weight:800}.vui-match-sep{opacity:.7;margin:0 6px}.vui-match-limit{opacity:.7;margin-left:8px;font-size:12px}.vui-match{white-space:nowrap;-webkit-backdrop-filter:blur(8px);background:#0f172a99;border:1px solid #ffffff1a;border-radius:20px;align-items:baseline;gap:12px;padding:6px 16px;font-size:13px;font-weight:600;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.vui-match-time{color:#fff;font-variant-numeric:tabular-nums;font-size:20px;font-weight:800}.vui-match-info{color:#cbd5e1;font-variant-numeric:tabular-nums}.vui-board-room{text-align:center;color:#94a3b8;letter-spacing:.08em;margin:-12px 0 12px;font-size:12px}.vui-board-room:empty{display:none}.vui-board-team td{letter-spacing:.05em;color:var(--team);border-bottom:2px solid var(--team);padding-top:14px;font-size:13px;font-weight:800}.vui-board-table tr[data-ally]:not(.vui-board-team):not(.vui-board-me) .vui-board-name{color:var(--team)}.vui-results{text-align:center;-webkit-backdrop-filter:blur(16px);z-index:95;background:#0f172ae0;border:1px solid #ffffff26;border-radius:16px;width:min(480px,100vw - 32px);max-height:calc(100dvh - 32px);padding:24px 28px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 20px 50px #0009}.vui-results-title{letter-spacing:.12em;color:#fff;font-size:34px;font-weight:900}.vui-results[data-outcome=win] .vui-results-title{color:#60a5fa;text-shadow:0 0 18px #60a5fa99}.vui-results[data-outcome=lose] .vui-results-title{color:#f87171;text-shadow:0 0 18px #f8717180}.vui-results-sub{color:#e2e8f0;margin:6px 0 16px;font-size:16px;font-weight:700}.vui-results-table{border-collapse:collapse;width:100%;font-size:14px}.vui-results-table th,.vui-results-table td{text-align:right;border-bottom:1px solid #ffffff0f;padding:7px 10px}.vui-results-table th{color:#94a3b8;font-size:12px;font-weight:700}.vui-results-table .vui-results-rank,.vui-results-table th:first-child{text-align:center;width:44px}.vui-results-table .vui-results-name,.vui-results-table th:nth-child(2){text-align:left}.vui-results-table tr[data-ally] .vui-results-name{color:var(--team)}.vui-results-table tr[data-first="1"] td{font-size:17px;font-weight:800}.vui-results-table tr[data-first="1"] .vui-results-rank{color:#fbbf24}.vui-results-me{background:#38bdf826;font-weight:700;box-shadow:inset 3px 0 #38bdf8}.vui-results-next{color:#94a3b8;margin-top:14px;font-size:13px}.vui-join-room{text-align:center;color:#7dd3fc;background:#38bdf81a;border:1px solid #38bdf84d;border-radius:8px;margin:0;padding:10px;font-size:14px;font-weight:700}.vui-join-modes{gap:8px;display:flex}.vui-join-mode{color:#94a3b8;cursor:pointer;background:#0f172a80;border:1px solid #94a3b840;border-radius:8px;flex:1;padding:10px;font-size:15px;font-weight:700}.vui-join-mode[data-on="1"]{color:#e0f2fe;background:#38bdf833;border-color:#38bdf8;box-shadow:inset 0 0 0 1px #38bdf8}.vui-join-new{color:#cbd5e1;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;padding:12px;font-size:15px;font-weight:700}.vui-join-new:hover{color:#fff;background:#ffffff29}.vui-room{background:#00000040;border-radius:10px;flex-direction:column;gap:8px;margin-bottom:20px;padding:12px;display:flex}.vui-room-line{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.vui-room-code{letter-spacing:.1em;color:#fff;font-size:16px;font-weight:800}.vui-room-kind{color:#94a3b8;font-size:12px}.vui-room-copy{color:#0f172a;cursor:pointer;background:#7dd3fc;border:none;border-radius:8px;padding:10px;font-size:14px;font-weight:700}.vui-room-copy:hover{background:#bae6fd}.vui-room-link{box-sizing:border-box;color:#e2e8f0;-webkit-user-select:text;user-select:text;background:#0f172acc;border:1px solid #94a3b84d;border-radius:6px;width:100%;padding:8px;font-size:12px}.vui-touch .vui-match{padding:4px 12px;font-size:12px;top:8px}.vui-touch .vui-match-time{font-size:16px}.vui-touch .vui-results{padding:16px}.vui-touch .vui-results-title{font-size:26px}.vui-touch .vui-stats{padding:4px 12px;font-size:11px;top:46px}.vui-touch .vui-results-table th,.vui-touch .vui-results-table td{padding:4px 8px}.vui-touch .vui-results-sub{margin:4px 0 8px}.vui-settings-open .vui-results{opacity:.15}.vui-status{white-space:normal;text-align:center;box-sizing:border-box;max-width:calc(100vw - 32px)}.vui-touch .vui-status{font-size:14px;top:auto;bottom:16px}@media (height<=480px){.vui-results{padding:12px 16px}.vui-results-title{font-size:22px}.vui-results-sub{margin:2px 0 6px;font-size:13px}.vui-results-table{font-size:12px}.vui-results-table th,.vui-results-table td{padding:3px 8px}.vui-results-table tr[data-first="1"] td{font-size:13px}.vui-results-next{margin-top:6px;font-size:12px}}@media (width<=480px){.vui-touch .vui-match{top:80px}.vui-touch .vui-match-limit{display:none}}.vui-attackers{z-index:6;position:absolute;inset:0;overflow:hidden}.vui-attacker{filter:drop-shadow(0 0 6px #ef4444e6)drop-shadow(0 1px 2px #000c);transform-origin:16px 22px;will-change:transform, opacity;border-bottom:34px solid #ef4444f2;border-left:16px solid #0000;border-right:16px solid #0000;width:0;height:0;margin:-22px 0 0 -16px;position:absolute;top:0;left:0}.vui-join-chars{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.vui-join-char{color:#cbd5e1;cursor:pointer;background:#0f172a80;border:1px solid #94a3b840;border-radius:10px;flex-direction:column;align-items:center;gap:5px;min-width:0;padding:8px 2px 7px;display:flex}.vui-join-char[data-on="1"]{color:#fff;background:#38bdf82e;border-color:#38bdf8;box-shadow:inset 0 0 0 1px #38bdf8}.vui-join-char-face{box-sizing:border-box;--hood:#6f88b8;background:radial-gradient(circle at 50% 64%, #ffe2cc 0 42%, transparent 43%), var(--hood);border:2px solid #4a3558;border-radius:50%;flex:none;width:34px;height:34px}.vui-join-char[data-char=doni] .vui-join-char-face{--hood:#6f88b8}.vui-join-char[data-char=tori] .vui-join-char-face{--hood:#f19ac0}.vui-join-char[data-char=kkuk] .vui-join-char-face{--hood:#ffd56e;background:radial-gradient(circle at 50% 64%, #ffe2cc 0 42%, transparent 43%), linear-gradient(90deg, transparent 38%, #f29a45 38% 46%, transparent 46% 54%, #f29a45 54% 62%, transparent 62%) top / 100% 22% no-repeat, var(--hood)}.vui-join-char[data-char=bani] .vui-join-char-face{--hood:#c9b8f2}.vui-join-char[data-char=wangnun] .vui-join-char-face{--hood:#9edb73}.vui-join-char-name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:13px;font-weight:800;overflow:hidden}.vui-join-preview-desc{z-index:1;color:#94a3b8;font-size:11px;position:absolute;top:28px;left:12px}@media (height<=480px){.vui-join-char{gap:2px;padding:4px 2px}.vui-join-char-face{border-width:1.5px;width:20px;height:20px}.vui-join-char-name{font-size:11px}.vui-join{overflow:auto}.vui-join-card{gap:10px;margin:8px auto;padding:14px 18px}.vui-join-title{font-size:30px}.vui-join-sub,.vui-join-help{display:none}.vui-join-input,.vui-join-btn{padding:10px}.vui-join-mode,.vui-join-new{padding:8px}}.vui-join-preview{background:radial-gradient(at 50% 88%,#38bdf838 0 22%,#0000 60%),#0f172a59;border-radius:12px;height:210px;margin:-6px 0 -4px;position:relative;overflow:hidden}.vui-join-preview-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.vui-join-preview-name{z-index:1;letter-spacing:.08em;color:#e0f2fe;font-size:13px;font-weight:800;position:absolute;top:10px;left:12px}@media (height<=480px){.vui-join-preview{height:120px;margin:0}}.vui-join{place-items:safe center;overflow-y:auto}@media (height<=760px){.vui-join-preview{height:160px}}@media (height<=480px) and (width>=600px){.vui-join-card{box-sizing:border-box;grid-template-columns:minmax(180px,34%) minmax(0,1fr);gap:8px 14px;width:min(720px,100vw - 24px);display:grid}.vui-join-preview{grid-area:1/1/span 8;height:auto;min-height:180px;margin:0}.vui-join-card>:not(.vui-join-preview){grid-column:2}.vui-join-title{margin:0;line-height:1.1}}@media (height<=480px) and (width<=599px){.vui-join-preview{height:110px}}.vui-emote-log{flex-direction:column;align-items:flex-end;gap:3px;margin-top:2px;display:flex}.vui-emote-log:empty{display:none}.vui-emote-row{color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;background:#0f172a73;border-radius:10px;max-width:260px;padding:2px 8px;font-size:12px;animation:.15s ease-out v-emote-in;overflow:hidden}.vui-emote-name{color:#7dd3fc;font-weight:700}.vui-emote-toast{z-index:96;color:#0f172a;pointer-events:none;white-space:nowrap;background:#ffffffe0;border-radius:12px;padding:4px 12px;font-size:14px;font-weight:700;animation:2s ease-out forwards v-emote-toast;position:absolute;top:calc(50% + 72px);left:50%;transform:translate(-50%)}@keyframes v-emote-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@keyframes v-emote-toast{0%{opacity:0;transform:translate(-50%,6px)}8%{opacity:1;transform:translate(-50%)}75%{opacity:1}to{opacity:0}}.vui-results-open .vui-emote-toast{top:auto;bottom:6px}.vui-touch .vui-emote-row{max-width:200px;font-size:11px}.vui-perf{color:#e2e8f0;white-space:pre;text-overflow:ellipsis;pointer-events:none;font-variant-numeric:tabular-nums;background:#0f172aa6;border-radius:6px;max-width:min(300px,50vw - 140px);padding:3px 8px;font:600 11px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;position:absolute;top:24px;left:24px;overflow:hidden}.vui-is-muted .vui-perf{top:66px}.vui-touch .vui-perf{max-width:min(320px,50vw - 16px);top:80px;left:16px}@media (width<=480px){.vui-touch .vui-perf{top:148px}}.vui-settings-seg{background:#ffffff0f;border-radius:8px;gap:4px;padding:3px;display:flex}.vui-settings-seg-btn{color:#cbd5e1;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:700}.vui-settings-seg-btn:hover{color:#fff;background:#ffffff1a}.vui-settings-seg-btn.vui-on{color:#0f172a;background:#38bdf8}.vui-touch .vui-muted{padding:6px 8px;font-size:0;top:22px;left:196px}.vui-touch .vui-muted:before{content:"🔇";font-size:16px}@media (width<=480px){.vui-touch .vui-muted{left:140px}}.vui-join-input[data-locked="1"]{color:#bbf7d0;cursor:default;background:#14532d59;border-color:#4ade8073}.vui-join-verified{color:#4ade80;text-align:right;margin:-6px 0 0;font-size:13px;font-weight:700}.vui-notice{z-index:110;box-sizing:border-box;text-align:center;color:#fde68a;pointer-events:none;background:#0009;border-radius:6px;max-width:calc(100vw - 32px);padding:8px 14px;font-size:14px;position:absolute;top:120px;left:50%;transform:translate(-50%)}.vui-touch .vui-notice{font-size:12px;top:48px}