:root{--primary: #FFC55B;--primary-dark: #FFB039;--primary-light: #FFD98A;--primary-hover: #FFD175;--bg-primary: #1D488A;--bg-secondary: #153A6B;--bg-tertiary: #2A5CA3;--card-bg: rgba(255, 255, 255, .05);--card-bg-hover: rgba(255, 255, 255, .08);--modal-bg: rgba(0, 0, 0, .8);--border-color: rgba(255, 255, 255, .1);--border-color-light: rgba(255, 255, 255, .2);--border-color-focus: var(--primary);--interactive: #5B9BD5;--interactive-light: #7BB3E0;--interactive-dark: #4A7FC2;--accent: #FF6B35;--accent-light: #FF8C5A;--text-primary: #ffffff;--text-secondary: #e0e0e0;--text-tertiary: #b0b0b0;--text-muted: #808080;--success: #10b981;--success-light: #34d399;--warning: #f59e0b;--warning-light: #fbbf24;--danger: #ef4444;--danger-light: #f87171;--info: var(--interactive);--info-light: var(--interactive-light);--bg-deep: var(--bg-primary);--bg-deep-alt: var(--bg-secondary);--bg-deep-light: var(--bg-tertiary);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow: 0 2px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .6);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .8);--radius-sm: 4px;--radius: 8px;--radius-lg: 12px;--radius-xl: 16px}.el-dialog{background:var(--bg-deep)!important;border:1px solid var(--bg-light)!important;border-radius:8px!important}.el-dialog__header{background:linear-gradient(135deg,#ffffff1a,#ffffff0d)!important;background-color:#ffffff14!important;border-bottom:1px solid var(--bg-light)!important;padding:1.5rem 1.5rem 1rem!important;border-radius:8px 8px 0 0!important;margin:0!important;position:relative!important;z-index:1!important}.el-dialog__header.show-close{padding-right:4rem!important}.el-dialog__title{color:var(--text-primary)!important;font-weight:600!important;font-size:1.25rem!important}.el-dialog__body{padding:1.5rem!important;color:var(--text-primary)!important}.el-dialog__footer{background:linear-gradient(135deg,#ffffff08,#ffffff03)!important;border-top:1px solid var(--bg-light)!important;padding:1rem 1.5rem!important;border-radius:0 0 8px 8px!important}.el-dialog__headerbtn{top:1.5rem!important;right:1.5rem!important;width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;max-width:28px!important;max-height:28px!important;background:transparent!important;background-color:transparent!important;border:none!important;border-width:0!important;padding:0!important;margin:0!important;box-shadow:none!important;outline:none!important;border-radius:0!important;z-index:10!important}.el-dialog__headerbtn:before,.el-dialog__headerbtn:after{display:none!important;content:none!important;background:transparent!important;border:none!important;box-shadow:none!important}.el-dialog__headerbtn:focus,.el-dialog__headerbtn:focus-visible,.el-dialog__headerbtn:active{outline:none!important;box-shadow:none!important;border:none!important;background:transparent!important;background-color:transparent!important}.el-dialog__close{background:transparent!important;background-color:transparent!important;border-radius:0!important;width:28px!important;height:28px!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .3s ease!important;color:var(--text-primary)!important;border:none!important;border-width:0!important;font-size:16px!important;opacity:.7!important;margin:0!important;padding:0!important;box-shadow:none!important;outline:none!important}.el-dialog__close:before,.el-dialog__close:after{display:none!important;content:none!important;background:transparent!important;border:none!important;box-shadow:none!important}.el-dialog__close:focus,.el-dialog__close:focus-visible,.el-dialog__close:active{outline:none!important;box-shadow:none!important;border:none!important;background:transparent!important;background-color:transparent!important}.el-dialog__close:hover{background:#ffc55b26!important;background-color:#ffc55b26!important;border:none!important;border-width:0!important;color:var(--primary)!important;opacity:1!important;transform:rotate(90deg) scale(1.1)!important;box-shadow:none!important}.el-form-item__label{color:var(--text-primary)!important;font-weight:500!important}.el-input__wrapper{background:var(--bg-deep-alt)!important;border-color:var(--bg-light)!important}.el-input__wrapper:hover{border-color:#ffffff40!important}.el-input__wrapper.is-focus{border-color:var(--primary)!important}.el-input__inner,.el-textarea__inner,.el-select .el-input__inner{background:var(--bg-deep-alt)!important;border-color:var(--bg-light)!important;color:var(--text-primary)!important}.el-input__inner:focus,.el-textarea__inner:focus{border-color:var(--primary)!important}.tournament-select .el-select__wrapper{background:var(--bg-deep)!important;border-color:#ffffff26!important}.tournament-select .el-select__wrapper:hover{border-color:#ffffff40!important}.el-select-dropdown{background:var(--bg-deep)!important;border:1px solid var(--bg-light)!important}.el-select-dropdown__item{color:var(--text-primary)!important;background:var(--bg-deep)!important}.el-select-dropdown__item:hover{background:var(--bg-deep-light)!important}.el-select-dropdown__item.selected{color:var(--primary)!important;background:#ffc55b1a!important}.el-picker__popper,.el-picker__popper.el-popper{background:var(--bg-deep)!important;border:1px solid var(--bg-light)!important;box-shadow:0 4px 20px #0000004d!important}.el-picker__popper .el-picker-panel,.el-picker__popper .el-date-picker{background:var(--bg-deep)!important;border:none!important;color:var(--text-primary)!important}.el-picker__popper .el-picker-panel__header,.el-picker__popper .el-date-picker__header{background:var(--bg-deep)!important;border-bottom:1px solid var(--bg-light)!important;color:var(--text-primary)!important}.el-picker__popper .el-picker-panel__body,.el-picker__popper .el-date-picker__body{background:var(--bg-deep)!important;color:var(--text-primary)!important}.el-picker__popper .el-date-table th,.el-picker__popper .el-date-table td{color:var(--text-primary)!important}.el-picker__popper .el-date-table td.available:hover{color:var(--primary)!important}.el-picker__popper .el-date-table td.current:not(.disabled){color:var(--primary)!important}.el-picker__popper .el-date-table td.today span{color:var(--primary)!important;font-weight:600!important}.el-picker__popper .el-date-table td.selected span{background:var(--primary)!important;color:var(--bg-deep)!important}.el-picker__popper .el-picker-panel__icon-btn,.el-picker__popper .el-date-picker__header-label{color:var(--text-primary)!important}.el-picker__popper .el-picker-panel__icon-btn:hover{color:var(--primary)!important}.el-picker__popper .el-time-panel,.el-picker__popper .el-time-spinner{background:var(--bg-deep)!important;border-color:var(--bg-light)!important;color:var(--text-primary)!important}.el-picker__popper .el-time-spinner__item{color:var(--text-primary)!important}.el-picker__popper .el-time-spinner__item:hover{background:var(--bg-deep-light)!important;color:var(--primary)!important}.el-picker__popper .el-time-spinner__item.is-active{color:var(--primary)!important;font-weight:600!important}.el-picker__popper .el-time-panel__content:before,.el-picker__popper .el-time-panel__content:after{border-top-color:var(--bg-light)!important;border-bottom-color:var(--bg-light)!important}.el-select__wrapper{background:var(--bg-deep-alt)!important;border-color:var(--bg-light)!important}.el-select__wrapper:hover{border-color:#ffffff40!important}.el-select__wrapper.is-focused{border-color:var(--primary)!important}.el-input__inner,.el-textarea__inner{color:var(--text-primary)!important}.el-input__inner::placeholder,.el-textarea__inner::placeholder{color:var(--text-secondary)!important;opacity:.7!important}.el-button{border-radius:6px!important;font-weight:500!important;transition:all .2s ease!important}.el-button--primary{background:var(--primary)!important;border-color:var(--primary)!important;color:var(--bg-deep)!important}.el-button--primary:hover{background:var(--primary-hover)!important;border-color:var(--primary-hover)!important;transform:translateY(-1px)!important;box-shadow:var(--shadow)!important}.el-button--success{background:var(--success)!important;border-color:var(--success)!important;color:#fff!important}.el-button--success:hover{background:#0ea571!important;border-color:#0ea571!important}.el-button--default{background:var(--bg-deep-alt)!important;border-color:var(--bg-light)!important;color:var(--text-primary)!important}.el-button--default:hover{background:var(--bg-deep-light)!important;border-color:var(--primary-light)!important;color:var(--primary)!important}.el-button--warning{background:var(--warning)!important;border-color:var(--warning)!important;color:#fff!important}.el-button--warning:hover{background:#d97706!important;border-color:#d97706!important}.el-date-editor.el-input{width:100%!important}.el-date-editor .el-input__inner{background:var(--bg-deep-alt)!important;border-color:var(--bg-light)!important;color:var(--text-primary)!important}.tournament-select{width:300px;margin-bottom:1rem}.tournament-select .el-input__inner{background:var(--bg-deep-alt)!important;border-color:var(--bg-light)!important;color:var(--text-primary)!important}.el-checkbox{color:var(--text-primary)!important}.el-checkbox__input.is-checked .el-checkbox__inner{background-color:var(--primary)!important;border-color:var(--primary)!important}.el-checkbox__inner{border-color:var(--bg-light)!important;background-color:var(--bg-deep-alt)!important}.spectator-slot[data-v-3d98a65b]{position:relative;width:100%;height:100%;transform:skew(-10deg);transform-origin:bottom left;transition:all .3s}.slot-bg[data-v-3d98a65b]{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;border-radius:8px;background:#1f2937;z-index:0}.bg-color[data-v-3d98a65b]{width:100%;height:100%;opacity:.8}.slot-content[data-v-3d98a65b]{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;transform:skew(10deg);display:flex;align-items:center;justify-content:center}.unit-wrapper[data-v-3d98a65b],.ghost-wrapper[data-v-3d98a65b]{width:110%;height:110%;display:flex;align-items:center;justify-content:center}.unit-img[data-v-3d98a65b]{height:100%;width:auto;object-fit:contain;filter:drop-shadow(0 5px 10px rgba(0,0,0,.5))}.ghost[data-v-3d98a65b]{opacity:.5;filter:grayscale(100%)!important}.slot-border[data-v-3d98a65b]{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:3px solid #5D4037;border-radius:8px;z-index:20;pointer-events:none;box-shadow:inset 0 0 10px #00000080}.filled .slot-border[data-v-3d98a65b]{border-color:gold;box-shadow:0 0 15px #ffd70066,inset 0 0 5px #fff3}.spectator-v2[data-v-b2d394f0]{width:100vw;height:100vh;background:linear-gradient(135deg,#1a1a2e,#0f0f23);color:#fff;overflow:hidden;position:relative;font-family:Segoe UI,sans-serif}.preloader[data-v-b2d394f0]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#0a0a1a;z-index:100}.hex-grid[data-v-b2d394f0]{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23303050' fill-opacity='0.3'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");animation:hexPulse-b2d394f0 2s infinite}@keyframes hexPulse-b2d394f0{0%,to{opacity:.3}50%{opacity:.6}}.loader-text[data-v-b2d394f0]{font-size:2rem;font-weight:700;letter-spacing:.3em;text-shadow:0 0 20px #00BFFF;z-index:1;font-family:monospace}.progress-bar[data-v-b2d394f0]{width:300px;height:8px;background:#222;border-radius:4px;margin-top:2rem;overflow:hidden;z-index:1}.progress-fill[data-v-b2d394f0]{height:100%;background:linear-gradient(90deg,#00bfff,gold);transition:width .3s ease}.stage-container[data-v-b2d394f0]{width:1920px;height:1080px;position:absolute;top:50%;left:50%;transform-origin:center center;background:radial-gradient(circle at center,#1b2735,#090a0f);box-shadow:0 0 50px #00000080;overflow:hidden}.main-content[data-v-b2d394f0]{width:100%;height:100%;display:flex;flex-direction:column;padding:40px 80px}.match-header[data-v-b2d394f0]{text-align:center;padding:1rem 0}.match-title[data-v-b2d394f0]{font-size:1.2rem;color:#888;text-transform:uppercase;letter-spacing:.2em}.match-vs[data-v-b2d394f0]{font-size:1.5rem;font-weight:700;color:gold;text-shadow:2px 2px 0 #5D4037}.faceoff-section[data-v-b2d394f0]{display:flex;justify-content:center;align-items:center;gap:2rem;padding:2rem 0;flex:0 0 auto}.player-panel[data-v-b2d394f0]{display:flex;align-items:center;gap:1.5rem;padding:1.5rem 2rem;border-radius:12px;position:relative;transform:skew(-3deg)}.player-panel.p1[data-v-b2d394f0]{background:linear-gradient(135deg,#00bfff33,#0064964d);border:3px solid #00BFFF;box-shadow:0 0 30px #00bfff66}.player-panel.p2[data-v-b2d394f0]{background:linear-gradient(135deg,#ff450033,#9628004d);border:3px solid #FF4500;box-shadow:0 0 30px #ff450066}.player-avatar img[data-v-b2d394f0]{width:90px;height:90px;border-radius:16px;border:3px solid currentColor;object-fit:cover;object-position:top center;background-color:#0000004d}.player-panel.p1 .player-avatar img[data-v-b2d394f0]{border-color:#00bfff}.player-panel.p2 .player-avatar img[data-v-b2d394f0]{border-color:#ff4500}.player-name[data-v-b2d394f0]{font-size:1.8rem;font-weight:700;margin:0;text-shadow:2px 2px 0 #000}.player-score[data-v-b2d394f0]{display:flex;gap:.3rem;margin-top:.5rem}.heart[data-v-b2d394f0]{font-size:1.5rem;color:#ff4500;text-shadow:0 0 10px #FF4500;transition:all .3s}.heart.lost[data-v-b2d394f0]{color:#333;text-shadow:none;opacity:.5}.vs-badge[data-v-b2d394f0]{width:80px;height:80px;background:linear-gradient(135deg,gold,orange);border-radius:50%;display:flex;justify-content:center;align-items:center;border:4px solid #5D4037;box-shadow:0 0 30px #ffd70080}.vs-text[data-v-b2d394f0]{font-size:2rem;font-weight:900;color:#5d4037;text-shadow:1px 1px 0 #fff}.slots-section[data-v-b2d394f0]{flex:1;display:flex;justify-content:space-between;padding:1rem 0;gap:2rem}.slots-container[data-v-b2d394f0]{flex:1;display:flex;flex-direction:column;gap:.5rem}.debug-panel[data-v-b2d394f0]{position:fixed;bottom:0;left:0;right:0;background:#000000e6;padding:1rem;max-height:200px;overflow:auto;font-size:.75rem;font-family:monospace}