.bracket-app{max-width:72rem;margin:0 auto;user-select:none;-webkit-user-select:none}.bracket-app input,.bracket-app textarea{user-select:text;-webkit-user-select:text}.bracket-app img{-webkit-user-drag:none;user-drag:none}.bracket-panel{border:1px solid rgb(255 255 255 / .12);background:#0000008c;padding:1.25rem 1rem 1.5rem;backdrop-filter:blur(12px);box-shadow:0 18px 60px #0000008c,0 0 0 1px #facc150a}@media(min-width:640px){.bracket-panel{padding:1.75rem 1.5rem 2rem}}.bracket-panel--hero{text-align:center;padding-top:2.5rem;padding-bottom:2.5rem}.bracket-app--live{max-width:none}.bracket-panel--live{display:flex;flex-direction:column;min-height:calc(100dvh - max(5.5rem,calc(4.5rem + env(safe-area-inset-top))) - 1rem)}#bracket-root:has(.bracket-app--live){min-height:100dvh;padding-bottom:.75rem}.bracket-panel--wide{padding-left:.75rem;padding-right:.75rem}.bracket-hint--hero{margin-top:.75rem;text-align:center}.bracket-kicker{font-size:.6875rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:#facc15b3}.bracket-title{font-family:var(--font-display);margin-top:.5rem;font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#fff}.bracket-heading{font-family:var(--font-display);margin-top:.35rem;font-size:1.35rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#fff}.bracket-lead{margin:1rem auto 0;max-width:28rem;font-size:.9375rem;line-height:1.6;color:#ffffff8c}.bracket-hint{margin-top:.5rem;font-size:.75rem;color:#fff6}.bracket-hint--board{padding:0 .5rem .75rem}.bracket-hero-actions,.bracket-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:1.5rem}.bracket-actions{justify-content:flex-end;margin-top:1.25rem}.bracket-btn{min-height:44px;cursor:pointer;padding:0 1.1rem;font-size:.6875rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;border:1px solid rgb(255 255 255 / .2);background:transparent;color:#ffffffd9;transition:border-color .16s ease,color .16s ease,background-color .16s ease}.bracket-btn:hover:not(:disabled){border-color:#facc15;color:#facc15}.bracket-btn:disabled{opacity:.4;cursor:not-allowed}.bracket-btn--primary{border-color:transparent;background:#fff;color:#000}.bracket-btn--primary:hover:not(:disabled){background:#facc15;color:#000}.bracket-btn--ghost{background:#ffffff0a}.bracket-field{display:block;margin-top:1.25rem;border:0;padding:0}.bracket-label{display:block;font-size:.6875rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#ffffff73}.bracket-input{margin-top:.5rem;width:100%;min-height:44px;border:1px solid rgb(255 255 255 / .16);background:#00000080;padding:0 .75rem;font-size:1rem;color:#fff;outline:none}.bracket-input:focus{border-color:#facc15a6}.bracket-input--grow{flex:1;min-width:0;margin-top:0}.bracket-chip-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.65rem}.bracket-chip{min-height:44px;min-width:5.5rem;cursor:pointer;border:1px solid rgb(255 255 255 / .18);background:#00000073;padding:0 .85rem;font-size:.6875rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#ffffffd1;transition:background-color .18s ease,border-color .18s ease,color .18s ease}.bracket-chip.is-on,.bracket-chip:hover{border-color:#facc15;color:#facc15}.bracket-chip.is-on{background:#facc15;color:#111}.bracket-size-stepper{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:.65rem}.bracket-size-btn{min-width:44px;min-height:44px;padding:0;font-size:1.25rem;line-height:1}.bracket-size-value{min-width:6rem;text-align:center;font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:.06em;color:#facc15}.bracket-size-unit{display:block;font-family:var(--font-body, inherit);font-size:.5625rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#fff6}.bracket-chip-row{margin-top:.85rem}.bracket-chip{min-width:2.75rem}.bracket-entrant-list{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem;list-style:none;padding:0}.bracket-entrant-row{display:flex;align-items:center;gap:.5rem;min-height:52px;padding:.35rem .5rem;border:1px solid rgb(255 255 255 / .1);background:#00000047;cursor:grab;touch-action:none;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.bracket-entrant-row.is-dragging{opacity:.55;cursor:grabbing}.bracket-entrant-row.is-drag-over{border-color:#facc15;box-shadow:0 0 0 1px #facc1559;transform:scale(1.01)}.bracket-entrant-num{width:1.5rem;font-size:.6875rem;font-weight:700;color:#ffffff59;text-align:center}.bracket-entrant-thumb{width:44px;height:44px;flex-shrink:0;object-fit:contain;object-position:center;border:1px solid rgb(255 255 255 / .15);background:#00000073}.bracket-entrant-thumb--empty{display:block}.bracket-upload{cursor:pointer}.bracket-upload-label{display:flex;min-height:44px;min-width:44px;align-items:center;justify-content:center;border:1px solid rgb(255 255 255 / .2);font-size:.625rem;font-weight:800;letter-spacing:.12em;color:#ffffff8c}.bracket-upload:hover .bracket-upload-label{border-color:#facc15;color:#facc15}.bracket-seed-list{margin-top:1rem;display:flex;flex-direction:column;gap:.35rem;list-style:none;padding:0}.bracket-seed{display:flex;align-items:center;gap:.5rem;min-height:52px;padding:.35rem .5rem;border:1px solid rgb(255 255 255 / .12);background:#00000059;cursor:grab;touch-action:none;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.bracket-seed.is-dragging{opacity:.55;cursor:grabbing}.bracket-seed.is-drag-over{border-color:#facc15;box-shadow:0 0 0 1px #facc1559;transform:scale(1.01)}.bracket-seed-grip{color:#ffffff40;font-size:.75rem;user-select:none}.bracket-seed-rank{min-width:1.5rem;font-size:.75rem;font-weight:800;color:#facc15}.bracket-seed-title{flex:1;font-size:.875rem;font-weight:600;color:#ffffffe0}.bracket-board-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:0 .5rem .5rem}.bracket-board-tools{display:flex;flex-wrap:wrap;gap:.5rem}.bracket-board-wrap{position:relative;margin:0}.bracket-viewport{position:relative;width:100%;overflow:hidden;border:1px solid rgb(255 255 255 / .1);background:#00000061;flex:1;cursor:grab}.bracket-viewport.is-panning{cursor:grabbing}.bracket-viewport__canvas{position:absolute;top:0;left:0;transform-origin:0 0;will-change:transform}.bracket-zoom-bar{display:flex;align-items:center;justify-content:flex-end;gap:.35rem;padding:.15rem 0 .45rem}.bracket-zoom-label{min-width:3rem;text-align:center;font-size:.6875rem;font-weight:700;letter-spacing:.1em;color:#ffffff8c}.bracket-zoom-btn{min-width:36px;padding:0 .5rem}.bracket-board{position:relative;display:flex;align-items:stretch;gap:1.25rem;overflow:visible;width:max-content;padding:.5rem .75rem 1.25rem;min-height:var(--col-h, 320px)}.bracket-lines-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:0}.bracket-wire{fill:none;stroke:#facc1538;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:stroke .22s ease,stroke-width .22s ease,filter .22s ease}.bracket-wire.is-dim{stroke:#ffffff14;stroke-width:1.5}.bracket-wire.is-active{stroke:#facc15;stroke-width:2.5;filter:drop-shadow(0 0 6px rgb(250 204 21 / .55))}.bracket-side,.bracket-center{position:relative;z-index:1}.bracket-side{display:flex;gap:.65rem;flex-shrink:0}.bracket-side--right{flex-direction:row-reverse}.bracket-side--right .bracket-match{align-items:flex-end}.bracket-round{display:flex;flex-direction:column;justify-content:space-around;gap:.5rem;min-width:10.5rem;min-height:var(--col-h, 320px);padding-top:1.25rem;position:relative}.bracket-round-label{position:absolute;top:0;left:0;margin:0;font-size:.5625rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#ffffff59}.bracket-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-width:11.5rem;min-height:var(--col-h, 320px);flex-shrink:0;padding:1.25rem .5rem 0;position:relative}.bracket-node{width:100%;max-width:11rem;transition:box-shadow .2s ease}.bracket-node.is-drop-target{box-shadow:0 0 0 2px #facc158c;border-radius:2px}.bracket-node__pair{display:flex;flex-direction:column;gap:2px;position:relative}.bracket-node--left .bracket-node__pair:after,.bracket-node--right .bracket-node__pair:after{content:"";position:absolute;top:0;bottom:0;width:2px;background:#facc152e;pointer-events:none}.bracket-node--left .bracket-node__pair:after{right:-8px}.bracket-node--right .bracket-node__pair:after{left:-8px}.bracket-node.is-resolved .bracket-node__pair:after{background:#facc1559}.bracket-slot:disabled{cursor:default}.bracket-slot{display:flex;align-items:center;gap:.35rem;width:100%;min-height:44px;padding:.35rem .45rem;border:1px solid rgb(255 255 255 / .14);background:#00000080;cursor:pointer;text-align:left;color:#ffffffe0;transition:border-color .14s ease,background-color .14s ease,transform .14s ease,opacity .14s ease}.bracket-slot.is-pickable{cursor:grab}.bracket-slot.is-dragging{opacity:.65;cursor:grabbing;border-color:#facc15}.bracket-slot.is-pickable:hover:not(:disabled){border-color:#facc15;background:#facc151f;transform:translate(2px)}.bracket-side--right .bracket-slot.is-pickable:hover:not(:disabled){transform:translate(-2px)}.bracket-slot.is-winner{border-color:#facc15;background:#facc152e;color:#fff;font-weight:700}.bracket-slot.is-loser{opacity:.38}.bracket-slot--tbd{display:flex;align-items:center;width:100%;min-height:44px;padding:.35rem .45rem;border:1px dashed rgb(255 255 255 / .14);background:#00000047;color:#ffffff61;transition:border-color .14s ease,background-color .14s ease,box-shadow .14s ease}.bracket-slot.is-drop-zone{border-color:#facc158c;box-shadow:0 0 0 1px #facc1540}.bracket-slot.is-drag-over{border-color:#facc15;background:#facc1529;color:#ffffffe0}.bracket-slot--tbd.is-drag-over .bracket-slot-label{color:#facc15}.bracket-slot--bye{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:.35rem .45rem;border:1px dashed rgb(255 255 255 / .1);background:#00000040;font-size:.625rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#ffffff47;cursor:default;user-select:none}.bracket-node.is-resolved .bracket-slot--bye{opacity:.5}.bracket-slot-img{width:32px;height:32px;object-fit:contain;object-position:center;flex-shrink:0;border:1px solid rgb(255 255 255 / .12);background:#00000073}.bracket-slot-label{font-size:.6875rem;font-weight:600;line-height:1.25;letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bracket-champion-pedestal{margin-top:.5rem;width:100%;max-width:11rem;border:1px dashed rgb(250 204 21 / .35);padding:.75rem;text-align:center;transition:border-color .2s ease,box-shadow .2s ease}.bracket-champion-pedestal.has-champion{border-style:solid;border-color:#facc15;box-shadow:0 0 28px #facc1540}.bracket-champion-kicker{font-size:.5625rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#facc15bf}.bracket-champion-name{margin-top:.25rem;font-family:var(--font-display);font-size:.875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff}.bracket-champion-art{margin:1rem auto 0;width:8rem;height:8rem;object-fit:contain;object-position:center;border:2px solid #facc15;background:#00000073;box-shadow:0 0 40px #facc1559}.bracket-champion-big{margin-top:.75rem;font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2rem);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#facc15}@media(prefers-reduced-motion:reduce){.bracket-seed,.bracket-slot,.bracket-entrant-row,.bracket-wire{transition:none}}