:root{--gold: #d4a44a;--gold-bright: #f0c850;--gold-dim: #a07830;--gold-contrast: #1c1c1c;--bg: #1c1c1c;--bg-card: #252525;--bg-input: #2a2a2a;--bg-hover: #302a20;--border: #3a3a3a;--border-light: #4a4a4a;--text: #e8e4dc;--text-muted: #8a8580;--text-dim: #5a5550;--red: #c42b2b;--gold-overlay: rgba(212, 164, 74, .12);--gold-overlay-light: rgba(212, 164, 74, .1);--gold-overlay-mid: rgba(212, 164, 74, .15)}@media(prefers-color-scheme:light){:root{--gold: #b8892e;--gold-bright: #a07828;--gold-dim: #c9a04a;--gold-contrast: #fff;--bg: #f5f3ef;--bg-card: #eae7e1;--bg-input: #e2dfda;--bg-hover: #ede5d4;--border: #d0ccc4;--border-light: #c0bbb2;--text: #2a2520;--text-muted: #6a6560;--text-dim: #9a9590;--red: #b82525;--gold-overlay: rgba(184, 137, 46, .1);--gold-overlay-light: rgba(184, 137, 46, .08);--gold-overlay-mid: rgba(184, 137, 46, .12)}}*,*:before,*:after{box-sizing:border-box}:root{-webkit-text-size-adjust:100%;text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.4;font-weight:400;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}body{margin:0;min-width:20rem}.app-menu{position:relative}.menu-toggle{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border:none;background:transparent;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.menu-icon,.menu-icon:before,.menu-icon:after{display:block;width:1.125rem;height:2px;background:var(--text);border-radius:1px}.menu-icon{position:relative}.menu-icon:before,.menu-icon:after{content:"";position:absolute;left:0}.menu-icon:before{top:-5px}.menu-icon:after{top:5px}.menu-dropdown{position:absolute;top:100%;right:0;min-width:12rem;padding:.375rem 0;background:var(--bg-card);border:1px solid var(--border);border-radius:.5rem;box-shadow:0 .5rem 1.5rem #00000040;z-index:20}.menu-item{display:block;width:100%;padding:.625rem 1rem;border:none;background:transparent;color:var(--text);font-size:.875rem;text-align:left;cursor:pointer;text-decoration:none;touch-action:manipulation}@media(hover:hover){.menu-item:hover{background:var(--bg-hover)}}.menu-item--disabled{opacity:.4;cursor:default}.menu-item--danger{color:var(--red)}.menu-item--link{color:var(--text-muted);font-size:.8125rem}.menu-divider{border:none;border-top:1px solid var(--border);margin:.25rem 0}.setup-view{max-width:43.75rem;margin:0 auto;padding:1.25rem 1rem;padding-top:calc(env(safe-area-inset-top,0px) + 4.75rem);padding-bottom:4.5rem}.setup-title{font-size:1.25rem;font-weight:700;color:var(--gold);margin:0 0 .25rem;text-align:center}.setup-subtitle{color:var(--text-muted);text-align:center;margin:0 0 1.5rem;font-size:.875rem}.setup-matches{display:flex;flex-direction:column;gap:.5rem}.setup-row{display:flex;align-items:center;gap:.5rem}.match-num{color:var(--text-dim);font-size:.8125rem;font-weight:600;width:1.125rem;text-align:center;flex-shrink:0}.setup-row input{flex:1;padding:.625rem .75rem;border:2px solid var(--border);border-radius:.375rem;background:var(--bg-input);color:var(--text);font-size:.875rem;outline:none;transition:border-color .15s;min-width:0}.setup-row input:focus{border-color:var(--gold)}.setup-row input::placeholder{color:var(--text-dim)}.setup-vs{color:var(--text-dim);font-size:.75rem;font-weight:600;text-transform:uppercase;flex-shrink:0}.start-btn{position:fixed;bottom:0;left:0;right:0;display:block;width:100%;padding:.875rem;padding-bottom:calc(.875rem + env(safe-area-inset-bottom,0px));border:none;border-radius:0;background:var(--gold);color:var(--gold-contrast);font-size:1rem;font-weight:700;cursor:pointer;transition:opacity .15s;touch-action:manipulation;-webkit-user-select:none;user-select:none;min-height:3rem;z-index:10}.start-btn:hover:not(:disabled){opacity:.9}.start-btn:disabled{opacity:.4;cursor:default}@media(orientation:landscape)and (max-height:31.25rem){.setup-view{max-width:100%;padding:1rem 1.5rem}.setup-matches{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;max-width:43.75rem;margin:0 auto}.start-btn{max-width:43.75rem;left:50%;transform:translate(-50%)}}@media(min-width:48rem){.setup-view{max-width:56.25rem;padding:1.5rem;padding-top:calc(env(safe-area-inset-top,0px) + 5rem)}.setup-matches{display:grid;grid-template-columns:1fr 1fr;gap:.625rem}.start-btn{max-width:43.75rem;left:50%;transform:translate(-50%)}}.match-card{display:flex;align-items:center;gap:.375rem;background:var(--bg-card);border:1px solid var(--border);border-radius:.5rem;padding:.5rem .625rem}.wrestler-btn{flex:1;padding:.75rem .5rem;border:2px solid var(--border-light);border-radius:.375rem;background:var(--bg-input);color:var(--text);font-size:.875rem;font-weight:500;cursor:pointer;text-align:center;min-width:0;min-height:2.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}@media(hover:hover){.wrestler-btn:not(:disabled):hover{border-color:var(--gold);background:var(--bg-hover)}.wrestler-btn:not(:disabled):active{transform:scale(.97)}}.wrestler-btn:disabled{cursor:default;opacity:.5}.wrestler-btn.swap-target{border-color:var(--red);border-style:dashed;cursor:pointer;opacity:1;animation:swap-pulse 1.2s ease-in-out infinite}.wrestler-btn.winner{background:var(--gold);border-color:var(--gold);color:var(--gold-contrast);font-weight:700}.vs{color:var(--text-dim);font-size:.75rem;font-weight:600;text-transform:uppercase;flex-shrink:0}.pairing-view{max-width:31.25rem;margin:0 auto;padding:1.25rem 1rem 4.5rem}.pairing-title{font-size:1.5rem;font-weight:700;color:var(--gold);margin:0 0 .25rem;text-align:center}.pairing-subtitle{color:var(--text-muted);text-align:center;margin:0 0 1.25rem;font-size:.875rem;line-height:1.4}.winner-pool{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;justify-content:center}.pool-chip{padding:.625rem 1rem;border:2px solid var(--border-light);border-radius:1.25rem;background:var(--bg-input);color:var(--text);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s;touch-action:manipulation;-webkit-user-select:none;user-select:none}.pool-chip:hover{border-color:var(--gold)}.pool-chip.selected{border-color:var(--gold);background:var(--gold);color:var(--gold-contrast)}.pool-chip.swap-target{border-color:var(--red);border-style:dashed;animation:swap-pulse 1.2s ease-in-out infinite}@keyframes swap-pulse{0%,to{border-color:var(--red)}50%{border-color:transparent}}.pool-empty{color:var(--text-dim);font-size:.8125rem;font-style:italic}.pairing-slots{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.pairing-slot{background:var(--bg-card);border:1px solid var(--border);border-radius:.5rem;padding:.625rem .75rem}.slot-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.slot-label{font-size:.8125rem;font-weight:600;color:var(--text-muted)}.slot-side{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.03125rem;padding:.125rem .5rem;border-radius:.25rem}.left-tag,.right-tag{color:var(--gold-bright);background:var(--gold-overlay-mid)}.slot-row{display:flex;align-items:center;gap:.5rem}.slot-btn{flex:1;padding:.75rem .5rem;border:2px dashed var(--border-light);border-radius:.375rem;background:transparent;color:var(--text-dim);font-size:.8125rem;cursor:pointer;transition:all .15s;text-align:center;min-width:0;min-height:2.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;touch-action:manipulation;-webkit-user-select:none;user-select:none}.slot-btn.ready{border-color:var(--gold);color:var(--gold);border-style:dashed}.slot-btn.filled{border-style:solid;border-color:var(--gold-dim);background:var(--gold-overlay-light);color:var(--text);font-weight:500}.slot-btn.swap-target{border-color:var(--red);border-style:dashed;animation:swap-pulse 1.2s ease-in-out infinite}.slot-vs{color:var(--text-dim);font-size:.75rem;font-weight:600;text-transform:uppercase;flex-shrink:0}.slot-clear-btn{background:none;border:none;color:var(--text-dim);font-size:.75rem;cursor:pointer;padding:.25rem 0;text-align:center}@media(orientation:landscape)and (max-height:31.25rem){.pairing-view{max-width:43.75rem}.pairing-slots{display:grid;grid-template-columns:1fr 1fr;gap:.625rem}}@media(min-width:48rem){.pairing-view{max-width:43.75rem}.pairing-slots{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.start-btn{max-width:25rem;margin-left:auto;margin-right:auto}}.champion-dialog{border:none;border-radius:.75rem;background:var(--bg-card);color:var(--text);padding:0;max-width:20rem;width:calc(100% - 2rem);box-shadow:0 1rem 3rem #00000080;overflow:hidden;position:relative}.champion-dialog-confetti{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.champion-dialog::backdrop{background:#0009}.champion-dialog-content{display:flex;flex-direction:column;align-items:center;padding:1.5rem 1.25rem;gap:.5rem;text-align:center}.champion-dialog-trophy{font-size:2.5rem;margin:0;line-height:1}.champion-dialog-name{font-size:1.25rem;font-weight:700;color:var(--gold-bright);margin:0}.champion-dialog-subtitle{font-size:.875rem;color:var(--text-muted);margin:0}.champion-dialog-close{margin-top:.75rem;padding:.5rem 1.5rem;border:none;border-radius:.375rem;background:var(--gold);color:var(--gold-contrast);font-size:.875rem;font-weight:600;cursor:pointer}.bracket-side{margin-bottom:1.5rem}.bracket-label{font-size:1.125rem;font-weight:700;color:var(--gold);margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.0625rem}.rounds-container{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.5rem;-webkit-overflow-scrolling:touch}.round{flex-shrink:0;min-width:12.5rem}.round-label{font-size:.8125rem;color:var(--text-muted);margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.03125rem}.round-matches{display:flex;flex-direction:column;gap:.625rem}.match-pair{display:flex;flex-direction:column;gap:.625rem;position:relative}@media(orientation:landscape)and (max-height:31.25rem){.round{min-width:11.25rem;flex:1}}@media(min-width:48rem){.round{min-width:13.75rem}}@media(min-width:48rem)and (orientation:landscape){.rounds-container{gap:2rem;align-items:center}.round-matches{gap:.75rem;justify-content:center}.match-pair{gap:.75rem}.match-pair:after{content:"";position:absolute;right:-1rem;top:50%;height:calc(50% + .375rem);width:0;border-right:1px solid var(--gold-dim);transform:translateY(-50%);pointer-events:none}.match-pair>.match-card:after{content:"";position:absolute;right:-1rem;top:50%;width:1rem;border-top:1px solid var(--gold-dim);pointer-events:none}.match-pair>.match-card{position:relative}.round--fed>.round-matches>.match-pair>.match-card:before,.round--fed>.round-matches>.match-card:before{content:"";position:absolute;left:-1rem;top:50%;width:1rem;border-top:1px solid var(--gold-dim);pointer-events:none}.round--fed>.round-matches>.match-card,.round--fed>.round-matches>.match-pair>.match-card{position:relative}}.progress-bar{position:fixed;top:calc(env(safe-area-inset-top,0px) + 3.5rem);left:0;right:0;z-index:10;background:var(--bg);padding:.5rem 1rem .625rem;max-width:43.75rem;margin:0 auto}.progress-bar:before{content:"";position:absolute;top:0;left:-100vw;right:-100vw;bottom:0;background:var(--bg);z-index:-1}.progress-steps{display:flex;justify-content:space-between;position:relative;margin-bottom:.25rem}.progress-step{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex:1}.progress-dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--border-light);transition:background .2s,transform .2s}.progress-step.active .progress-dot{background:var(--gold)}.progress-step.current .progress-dot{transform:scale(1.4)}.progress-label{font-size:.5625rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.02rem;text-align:center;line-height:1.2;transition:color .2s}.progress-step.active .progress-label{color:var(--text-muted)}.progress-step.current .progress-label{color:var(--gold);font-weight:700}.progress-track{height:2px;background:var(--border-light);border-radius:1px;overflow:hidden}.progress-fill{height:100%;background:var(--gold);border-radius:1px;transition:width .3s ease}@media(min-width:48rem){.progress-bar{max-width:56.25rem}.progress-label{font-size:.625rem}}.app{max-width:43.75rem;margin:0 auto;padding:1rem;padding-top:calc(env(safe-area-inset-top,0px) + 7.5rem);padding-bottom:4.5rem;min-height:100dvh}.app-header{position:fixed;top:env(safe-area-inset-top,0px);left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;height:3.5rem;padding:0 1rem;max-width:43.75rem;margin:0 auto;background:var(--bg);border-bottom:1px solid var(--border)}.app-header:before{content:"";position:fixed;top:0;left:0;right:0;height:calc(env(safe-area-inset-top,0px) + 3.5rem);background:var(--bg);border-bottom:1px solid var(--border);z-index:-1}.app-title{font-size:1.375rem;font-weight:700;color:var(--gold);margin:0}.back-btn{padding:.5rem .25rem;border:none;background:transparent;color:var(--gold);font-size:.9375rem;cursor:pointer;transition:opacity .15s;touch-action:manipulation;min-height:2.75rem;display:flex;align-items:center;gap:.125rem}.back-btn:before{content:"‹";font-size:1.375rem;font-weight:300}.back-btn:active{opacity:.5}.back-btn-placeholder{width:2.75rem}.final-section{margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:2px solid var(--border)}.final-label{font-size:1.125rem;font-weight:700;color:var(--gold);margin:0 0 .75rem;text-align:center;text-transform:uppercase;letter-spacing:.0625rem}.phase-subtitle{color:var(--text-muted);font-size:.875rem;margin:0 0 1rem}.round1-grid{display:flex;flex-direction:column;gap:.625rem}.backup-section{display:flex;align-items:center;gap:.5rem;margin-top:1.25rem;padding:.75rem;background:var(--bg-card);border:1px solid var(--border);border-radius:.5rem}.backup-label{font-size:.8125rem;font-weight:600;color:var(--text-muted);white-space:nowrap}.backup-input{flex:1;padding:.5rem .625rem;border:1px solid var(--border-light);border-radius:.375rem;background:var(--bg-input);color:var(--text);font-size:.875rem;min-width:0}.backup-input::placeholder{color:var(--text-dim)}.swap-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.625rem .75rem;margin-bottom:1rem;background:var(--red-overlay, rgba(220, 60, 60, .12));border:1px solid var(--red, #dc3c3c);border-radius:.5rem}.swap-instruction{font-size:.8125rem;font-weight:500;color:var(--text)}.swap-cancel-btn{padding:.375rem .75rem;border:none;border-radius:.25rem;background:var(--red, #dc3c3c);color:#fff;font-size:.75rem;font-weight:600;cursor:pointer;white-space:nowrap;touch-action:manipulation}@media(orientation:landscape)and (max-height:31.25rem){.app{max-width:90vw}.round1-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.final-section{max-width:31.25rem;margin-left:auto;margin-right:auto}}@media(min-width:48rem){.app{max-width:56.25rem;padding:1.5rem;padding-top:calc(env(safe-area-inset-top,0px) + 8rem)}.app-header{max-width:56.25rem}.round1-grid{display:grid;grid-template-columns:1fr 1fr;gap:.625rem}.final-section{max-width:31.25rem;margin-left:auto;margin-right:auto}}