*{margin:0}body{overflow:hidden}canvas{display:block;width:100vw;height:100vh}.point{position:absolute;top:50%;left:50%;pointer-events:none}.point .label{position:absolute;top:-20px;left:-20px;width:40px;height:40px;border-radius:50%;color:#fff;text-align:center;background:#00000080;font-family:Helvetica,Arial,sans-serif;line-height:40px;font-weight:100;font-size:14px}.point .text{position:absolute;top:30px;width:200px;background:#00000080;color:#fff;line-height:1.3rem;font-weight:100;font-size:14px;left:-100px;text-align:center;padding:20px;border-radius:10px}.game-ui[data-v-3e404fdc]{pointer-events:none;width:100%;height:100%;position:relative}.hud-stack[data-v-3e404fdc]{position:absolute;top:16px;left:16px;display:flex;flex-direction:column;align-items:stretch;gap:12px;width:500px}.wall-hud[data-v-3e404fdc]{display:flex;flex-direction:column;gap:8px}.battle-card[data-v-3e404fdc]{position:relative;border-radius:14px;padding:14px 16px 16px;background:radial-gradient(120% 100% at 50% 0%,var(--battle-glow) 0%,transparent 60%),#15110e;box-shadow:0 10px 30px #00000073}.battle-card.blue[data-v-3e404fdc]{--battle-glow: rgb(70 110 190 / 35%);--battle-accent: #5b8fe0}.battle-card.red[data-v-3e404fdc]{--battle-glow: rgb(170 60 45 / 35%);--battle-accent: #d1594a}.battle-card.tie[data-v-3e404fdc]{--battle-glow: rgb(200 150 60 / 30%);--battle-accent: #e0b35b}.battle-header[data-v-3e404fdc]{display:flex;align-items:center;gap:8px;margin-bottom:8px}.battle-dot[data-v-3e404fdc]{width:7px;height:7px;border-radius:50%;background:var(--battle-accent);flex-shrink:0}.battle-rule[data-v-3e404fdc]{flex:1;height:1px;background:#ffffff26}.battle-kicker[data-v-3e404fdc]{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#ffffff8c;white-space:nowrap}.battle-title[data-v-3e404fdc]{text-align:center;font-family:Georgia,Times New Roman,serif;font-size:19px;color:#f1e7d6;margin-bottom:16px}.battle-bar-row[data-v-3e404fdc]{position:relative;height:20px}.bar-track[data-v-3e404fdc]{position:absolute;top:50%;left:0;right:0;height:7px;transform:translateY(-50%);border-radius:999px;background:linear-gradient(90deg,#4a73bd,#a9473b);box-shadow:inset 0 1px 2px #0006}.tie-tick[data-v-3e404fdc]{position:absolute;left:50%;top:50%;width:2px;height:14px;transform:translate(-50%,-50%);background:#ffffffb3;border-radius:1px}.score-diamond[data-v-3e404fdc]{position:absolute;top:50%;width:13px;height:13px;background:#16130f;border:2px solid #f1e7d6;transform:translate(-50%,-50%) rotate(45deg);transition:left .4s ease}.tie-label[data-v-3e404fdc]{text-align:center;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#fff6}.battle-status[data-v-3e404fdc]{display:flex;flex-direction:column;gap:4px;background:#000000a6;padding:10px 12px;border-radius:8px;font-size:13px}.hud[data-v-3e404fdc]{display:flex;align-items:center;gap:8px;background:#00000080;padding:6px 12px;border-radius:20px;color:#fff;font-size:13px}.status-dot[data-v-3e404fdc]{width:8px;height:8px;border-radius:50%}.status-dot.online[data-v-3e404fdc]{background:#7ef0a0}.status-dot.offline[data-v-3e404fdc]{background:#f48fb1}.hud-links[data-v-3e404fdc]{display:flex;align-items:center;gap:8px;margin-left:auto;pointer-events:all}.hud-version[data-v-3e404fdc]{color:#fff6;font-size:12px}.hud-links a[data-v-3e404fdc]{color:#fff9;font-size:12px;text-decoration:none;transition:color .2s}.hud-links a[data-v-3e404fdc]:hover{color:#fff}.view-toggle-btn[data-v-3e404fdc]{pointer-events:all;display:flex;align-items:center;gap:5px;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:3px 8px;cursor:pointer;transition:all .2s;margin-left:6px}.view-toggle-btn[data-v-3e404fdc]:hover{background:#ffffff38}.hud-kbd[data-v-3e404fdc]{background:#0006;border:1px solid rgba(255,255,255,.3);border-radius:3px;padding:1px 4px;font-size:10px}.chat-panel[data-v-3e404fdc]{pointer-events:all;position:absolute;bottom:16px;left:16px;width:320px;display:flex;flex-direction:column;gap:4px}.messages[data-v-3e404fdc]{max-height:180px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.msg[data-v-3e404fdc]{font-size:13px;color:#ffffffe6;background:#0000008c;padding:3px 8px;border-radius:4px;line-height:1.4}.msg.system[data-v-3e404fdc]{color:#ffffff80;font-style:italic}.msg-name[data-v-3e404fdc]{font-weight:600;color:#7ef0a0}.chat-input-row[data-v-3e404fdc]{display:flex;gap:4px}.chat-input[data-v-3e404fdc]{flex:1;background:#0009;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fff;font-size:13px;padding:7px 10px;outline:none;transition:border-color .2s}.chat-input[data-v-3e404fdc]:focus{border-color:#7ef0a099}.send-btn[data-v-3e404fdc]{background:#7ef0a026;border:1px solid rgba(126,240,160,.3);border-radius:6px;color:#7ef0a0;font-size:16px;padding:0 10px;cursor:pointer;transition:background .2s}.send-btn[data-v-3e404fdc]:hover{background:#7ef0a040}.controls-hint[data-v-3e404fdc]{position:absolute;bottom:16px;right:16px;color:#ffffff4d;font-size:12px}.main-menu[data-v-8548730c]{pointer-events:all;position:relative;width:100%;height:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;overflow-x:hidden;overflow-y:auto;background:linear-gradient(180deg,#080c126b,#080c12ad),url(/welcome-bg.jpg) no-repeat center center;background-size:cover;padding:32px 24px}.welcome-wrapper[data-v-8548730c]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;width:100%;max-width:1100px;z-index:2}.logo-container[data-v-8548730c]{display:flex;justify-content:center;align-items:center;width:100%}.game-logo[data-v-8548730c]{width:100%;max-width:440px;height:auto;object-fit:contain;filter:drop-shadow(0 10px 24px rgba(0,0,0,.85)) drop-shadow(0 2px 4px rgba(0,0,0,.9));transition:transform .3s ease,max-width .3s ease}.content-container[data-v-8548730c]{display:flex;flex-direction:row;align-items:stretch;justify-content:center;gap:28px;width:100%}.video-card[data-v-8548730c]{flex:1.35;max-width:550px;background:#121620e0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(212,168,83,.28);border-radius:20px;padding:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 24px 60px #000000b3,0 0 0 1px #ffffff0f}.video-frame[data-v-8548730c]{position:relative;width:100%;aspect-ratio:4 / 3;border-radius:12px;overflow:hidden;background:#000;box-shadow:0 4px 16px #00000080;cursor:default;-webkit-user-select:none;user-select:none}.video-frame iframe[data-v-8548730c]{position:absolute;top:50%;left:50%;width:133.34%;height:100%;transform:translate(-50%,-50%);border:none;pointer-events:none}.join-card[data-v-8548730c]{flex:1;background:#121620e0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(212,168,83,.28);border-radius:20px;padding:28px 32px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;width:100%;max-width:400px;box-shadow:0 24px 60px #000000b3,0 0 0 1px #ffffff0f}.verse[data-v-8548730c]{font-size:13.5px;font-style:italic;color:#ffffffd9;line-height:1.55;text-align:center;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:12px}.verse-ref[data-v-8548730c]{display:block;font-style:normal;font-weight:700;color:#d4a853;margin-top:4px;font-size:12px;letter-spacing:.5px}.input-group[data-v-8548730c]{display:flex;flex-direction:column;gap:6px}.input-label[data-v-8548730c]{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#fff9}.input-row[data-v-8548730c]{display:flex;align-items:center;gap:8px}.name-input[data-v-8548730c]{flex:1;background:#ffffff12;border:1px solid rgba(255,255,255,.18);border-radius:10px;color:#fff;font-size:15px;padding:11px 14px;outline:none;transition:all .2s ease}.name-input[data-v-8548730c]:focus{border-color:#d4a853;background:#ffffff1a;box-shadow:0 0 0 3px #d4a85333}.random-btn[data-v-8548730c]{background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:10px 12px;font-size:16px;cursor:pointer;color:#fff;transition:all .2s;display:flex;align-items:center;justify-content:center}.random-btn[data-v-8548730c]:hover{background:#ffffff29;border-color:#d4a85366;transform:rotate(15deg)}.error[data-v-8548730c]{color:#f87171;font-size:12.5px;background:#f871711f;border:1px solid rgba(248,113,113,.25);padding:7px 10px;border-radius:8px}.join-btn[data-v-8548730c]{pointer-events:all;width:100%;background:linear-gradient(135deg,#d4a853,#b8860b);color:#121008;font-size:15px;font-weight:700;border:none;border-radius:10px;padding:12px 18px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;box-shadow:0 4px 14px #b8860b59}.join-btn[data-v-8548730c]:hover{background:linear-gradient(135deg,#e4ba67,#c9930f);box-shadow:0 6px 18px #b8860b73;transform:translateY(-1px)}.join-btn[data-v-8548730c]:active{transform:translateY(0)}.btn-arrow[data-v-8548730c]{font-size:16px;transition:transform .2s}.join-btn:hover .btn-arrow[data-v-8548730c]{transform:translate(3px)}.controls-hint[data-v-8548730c]{display:flex;flex-direction:column;gap:5px;border-top:1px solid rgba(255,255,255,.08);padding-top:12px}.control-row[data-v-8548730c]{display:flex;align-items:center;justify-content:space-between;font-size:11.5px;color:#fff9}.key-caps[data-v-8548730c]{display:flex;align-items:center;gap:3px}kbd[data-v-8548730c]{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:1px 5px;font-family:inherit;font-size:10.5px;font-weight:700;color:#fff}@media(max-width:880px){.main-menu[data-v-8548730c]{padding:18px 16px;background-position:center center}.welcome-wrapper[data-v-8548730c]{min-height:100%;justify-content:flex-start;gap:16px;max-width:440px}.logo-container[data-v-8548730c]{padding-top:6px}.game-logo[data-v-8548730c]{max-width:240px;width:70%}.content-container[data-v-8548730c]{flex-direction:column;align-items:center;gap:16px}.video-card[data-v-8548730c]{width:100%;max-width:440px;padding:10px}.join-card[data-v-8548730c]{width:100%;max-width:440px;padding:22px 20px;gap:14px}.verse[data-v-8548730c]{font-size:12.5px;padding-bottom:10px}}#ui-frame[data-v-c8807d36]{-webkit-user-select:none;user-select:none;font-family:Segoe UI,system-ui,sans-serif;position:absolute;top:0;left:0;color:#fff;width:100%;height:100%;pointer-events:none}*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;background:#000;font-family:Segoe UI,system-ui,sans-serif}canvas{display:block}.player-label{display:flex;flex-direction:column;align-items:center;gap:4px}.player-name{color:#fff;font-size:12px;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.9);white-space:nowrap;pointer-events:none}.player-name.local{color:#7ef0a0}.player-chat-bubble{background:#000000bf;color:#fff;font-size:11px;padding:4px 10px;border-radius:12px;max-width:160px;word-break:break-word;white-space:pre-wrap;border:1px solid rgba(255,255,255,.2);transition:opacity .3s;pointer-events:none}.player-chat-bubble.hidden{display:none}.loadingBar{position:absolute;top:50%;width:100%;height:2px;background-color:#fff;transform:scaleX(0);transform-origin:top left;transition:transform .5s;will-change:transform}.loadingBar.ended{transform-origin:top right;transition:transform ease-in-out 1s;transition-delay:.5s}