.bracket-page{background:radial-gradient(ellipse at 70% 0,#214f7c 0,transparent 50%),#08111d;color:#eaf2fc}.bracket-main{max-width:1700px;margin:20px auto;padding:0 20px 40px}.builder-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.builder-nav a{padding:9px 16px;border:1px solid #667c93;border-radius:6px;color:#d3e7ff;font-size:12px;font-weight:800}.builder-nav a[aria-current]{background:#1471cc;border-color:#75b8ff}.bracket-banner{display:flex;align-items:center;position:relative;overflow:hidden;gap:22px;padding:15px 28px;margin-bottom:20px;border:1px solid #7592ad;border-radius:14px;background:linear-gradient(115deg,#f8fbff,#c1d1e0 62%,#4276a3);color:#122b43;box-shadow:inset 0 2px #fff,0 5px 0 #526d87}.bracket-banner img{width:190px;max-height:110px;object-fit:contain}.bracket-kicker{font-size:10px;letter-spacing:2px;color:#1c5688;font-weight:900}.bracket-banner h1{font-size:clamp(23px,3vw,44px);margin:5px 0;font-style:italic;letter-spacing:-1px;color:#102f4c}.bracket-banner p{margin:0;color:#36516b}.checkers{margin-left:auto;align-self:stretch;width:100px;transform:skew(-13deg);opacity:.25;background:repeating-conic-gradient(#102941 0 25%,transparent 0 50%) 0/28px 28px}.builder-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px}.entry-panel,.bracket-workspace{background:linear-gradient(140deg,#1a2d42,#0c192a);border:1px solid #48637e;border-radius:14px;padding:20px;min-width:0}.entry-panel h2,.bracket-workspace h2{color:#f2f7ff;font-size:18px;margin:0 0 12px}.entry-panel p,.entry-panel small{color:#acbfd5;font-size:12px;line-height:1.6}.class-editor{padding:12px;margin:12px 0;border:1px solid #425d79;border-radius:8px;background:#071321}.class-editor label{display:grid;gap:5px;margin-bottom:12px;color:#c9dbef;font-size:12px;font-weight:700}.class-editor input,.class-editor textarea{font:inherit;font-weight:400;color:white;background:#101f31;border:1px solid #57738f;border-radius:5px;padding:9px;width:100%;min-width:0}.class-editor textarea{resize:vertical;line-height:1.6}.bracket-page button{font:inherit;border:1px solid #6587a8;border-radius:6px;background:#203d5c;color:#edf6ff;padding:9px 12px;cursor:pointer}.bracket-page button:disabled{opacity:.55;cursor:default}.bracket-page .remove-class{font-size:10px;padding:5px 8px;background:transparent;color:#b6cce5}.bracket-page .build-button{display:block;width:100%;margin-top:12px;background:linear-gradient(#2285e8,#084d96);border-color:#81bcfb;font-size:13px;font-weight:900;box-shadow:0 3px 0 #072e58;min-height:44px}.entry-panel small{display:block;margin-top:12px;font-size:10px}#builder-status{min-height:35px;color:#91c7ff}.bracket-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.bracket-toolbar button{font-size:12px}.class-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.class-tabs button{font-size:12px}.class-tabs .active{background:#1468b9;border-color:#9bd3ff;box-shadow:0 0 12px #278eff44}#bracket-hint{font-size:12px;line-height:1.5;color:#a9bfd8}.empty-bracket{text-align:center;padding:65px 20px;color:#a4bdd6}.empty-bracket>span{font-size:45px}.empty-bracket h2{font-size:22px;margin:22px 0 12px}.empty-bracket p{font-size:13px}.class-bracket-title{font-size:15px;margin:20px 0;color:#c1ddf8}.ladder-scroll{overflow:auto;padding:4px 4px 18px;max-height:65vh}.ladder{display:flex;gap:36px;min-height:280px;width:max-content}.bracket-round{display:flex;flex-direction:column;flex:0 0 220px;width:220px}.bracket-round h4{position:sticky;top:0;background:#0e2033;padding:10px;margin:0 0 14px;border-bottom:2px solid #438bd0;color:#e1effc;font-size:12px;text-transform:uppercase;z-index:3}.round-games{display:flex;flex-direction:column;justify-content:space-around;gap:18px;flex:1}.match-card{position:relative;border:1px solid #6785a0;border-radius:7px;background:linear-gradient(130deg,#cbd7e3,#92a9c1);box-shadow:0 3px 0 #2e4963;padding:7px}.match-card::after{content:'';position:absolute;right:-36px;top:50%;height:1px;width:35px;background:#6998c4}.bracket-round:last-child .match-card::after{display:none}.match-label{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#193651;padding:1px 3px 6px}.bracket-page .racer-slot{display:flex;align-items:center;gap:7px;width:100%;border:1px solid #436582;border-radius:4px;padding:0 7px;background:#112d47;color:#f2f7fc;text-align:left;height:34px;font-size:12px;overflow:hidden;margin-top:3px}.bracket-page .racer-slot:disabled{opacity:1;cursor:default;color:#b4c9dc;background:#163049}.bracket-page .racer-slot.selected-winner{border-color:#6decb5;background:#174c3b;color:#d4ffeb;box-shadow:inset 3px 0 #7bf3b9}.racer-seed{font-size:9px;color:#8eb7d8;min-width:15px}.reel-window{height:32px;line-height:32px;display:block;min-width:0;flex:1;overflow:hidden}.slot-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}.name-reel{display:block;animation:name-lock 1.45s cubic-bezier(.15,.65,.2,1) both;animation-delay:var(--reveal-delay)}.name-reel>span{height:32px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes name-lock{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-256px,0)}}.is-building .match-card{animation:bracket-flash 1.6s ease-out both}@keyframes bracket-flash{0%{box-shadow:0 0 25px #4da9ff;border-color:#e2f6ff}100%{box-shadow:0 3px 0 #2e4963}}.champion{padding:16px;margin-top:20px;border:1px solid #b9d8ee;border-radius:8px;background:linear-gradient(100deg,#1f4b70,#123652);color:#e6f5ff;font-size:14px;font-weight:900;overflow-wrap:anywhere}.bracket-page :focus-visible{outline:3px solid #8ac6ff;outline-offset:3px}[hidden]{display:none!important}@media(max-width:850px){.builder-layout{grid-template-columns:1fr}.bracket-banner{padding:14px;gap:12px}.bracket-banner img{width:110px}.checkers{display:none}.bracket-banner p{font-size:12px}.bracket-main{padding:0 12px 30px}.entry-panel,.bracket-workspace{padding:16px}.ladder-scroll{max-height:none}.bracket-round{width:195px;flex-basis:195px}}@media(prefers-reduced-motion:reduce){.name-reel{animation:none;transform:translateY(-256px)}.is-building .match-card{animation:none}}@media print{body.bracket-page{background:white;color:black}.topbar,.builder-nav,.bracket-banner,.entry-panel,.bracket-toolbar,.class-tabs,#bracket-hint{display:none!important}.builder-layout{display:block}.bracket-main{padding:0;margin:0}.bracket-workspace{background:white;border:0;padding:0}.class-bracket[hidden]{display:block!important}.class-bracket{break-after:page}.class-bracket-title{color:black}.ladder-scroll{max-height:none;overflow:visible}.ladder{gap:20px}.bracket-round{width:165px;flex-basis:165px}.bracket-round h4{position:static;color:black;background:white}.match-card{break-inside:avoid;box-shadow:none}.champion{color:black;background:white}.class-bracket .racer-slot{print-color-adjust:exact}.match-card::after{width:19px;right:-20px}}
.bracket-page .bracket-toolbar{flex-wrap:wrap}.publish-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-left:auto}.publish-controls a{font-size:11px;color:#9acbff;text-decoration:underline}.publish-controls #save-state{font-size:11px;color:#b6c9df}.bracket-page #save-brackets{background:linear-gradient(#208c64,#12613e);border-color:#79e5b5;font-size:12px;font-weight:900;min-width:78px}.loser-style-label{display:grid;gap:6px;margin-top:16px;color:#c9dbef;font-size:12px;font-weight:700}.loser-style-label select{background:#101f31;border:1px solid #57738f;border-radius:5px;padding:9px;color:white;font:inherit}.racer-slot.eliminated .slot-name{text-decoration:line-through;text-decoration-thickness:2px;color:#adb5c0}.racer-slot.eliminated{opacity:.7!important}.racer-slot.hidden-loser .slot-name{color:#849db6;font-style:italic;font-size:10px}.bracket-page .racer-slot:disabled.selected-winner{background:#174c3b;color:#d4ffeb}.feed-status{display:inline-block;margin:10px 0 0;padding:9px 12px;border:1px solid #3a7363;border-radius:6px;background:#123b31;color:#bdf7d4;font-size:12px;line-height:1.5}.feed-status.feed-error{background:#493a16;border-color:#a58c48;color:#ffe4ab}.brawl-public .ladder-scroll{max-height:none}.public-feed-note{font-size:12px;color:#a9bfd8;line-height:1.5}.brawl-public #bracket-output{min-height:220px}.brawl-public .racer-slot:disabled{cursor:default}@media print{.publish-controls,.feed-status,.public-feed-note{display:none!important}}
.class-editor select{width:100%;min-width:0;padding:9px;border:1px solid #57738f;border-radius:5px;background:#101f31;color:white;font:inherit}.chip-draw-info{padding:10px 12px;margin:14px 0 8px;background:#12364b;border:1px solid #417389;border-radius:6px;color:#bfe9ff;font-size:12px}.chip-mode-bar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:12px 0}.chip-mode-bar button{font-size:12px}.chip-mode-bar span{font-size:11px;color:#afc5dd;line-height:1.5;max-width:420px}.chip-pool{border:2px dashed #567c9f;border-radius:10px;padding:12px;margin:12px 0 18px;background:#081827}.chip-pool h4{font-size:11px;letter-spacing:1px;margin:0 0 10px;color:#b5d8f4}.chip-search{display:block;width:100%;max-width:340px;margin-bottom:10px;padding:8px 10px;background:#112b44;color:white;border:1px solid #537ea1;border-radius:5px;font:inherit;font-size:12px}.chip-roster{display:flex;flex-wrap:wrap;align-content:flex-start;gap:7px;max-height:205px;overflow:auto;padding:3px}.bracket-page .racer-chip{font-size:11px;padding:8px 10px;background:linear-gradient(#284f70,#17324b);cursor:grab}.racer-chip:active{cursor:grabbing}.racer-chip.is-dragging,.chip-drop-slot.is-dragging{opacity:.45}.bracket-page .chip-selected{outline:3px solid #ffc867;outline-offset:1px}.bracket-page .drop-ready{outline:3px solid #80edbb;outline-offset:2px;background:#174932!important}.bracket-page .chip-drop-slot{border-style:dashed;cursor:grab}.bracket-page .chip-drop-slot:empty{cursor:copy}.chip-slot-label{font-size:8px;line-height:1.2;color:#b9ddfa;min-width:32px;max-width:45px}.chip-selection{color:#ffe2a3;font-size:12px}.chip-roster p{font-size:12px;color:#9ebbd5;margin:5px}.chip-pool>button{font-size:11px}.bracket-page .chip-drop-slot[draggable=true]{user-select:none}@media print{.chip-pool,.chip-mode-bar{display:none!important}}
.class-bracket.round-draw .ladder{display:block;width:100%;min-height:0}.class-bracket.round-draw .bracket-round{width:100%;display:block}.class-bracket.round-draw .round-games{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;align-items:start}.class-bracket.round-draw .match-card::after{display:none}.previous-draws{margin-top:18px;color:#b8cee5;font-size:12px;line-height:1.6}.previous-draws summary{cursor:pointer}.previous-draws h4{margin:12px 0 4px}.previous-draws ul{margin:4px 0}.bracket-page .next-chip-draw{background:#12614a;border-color:#70cfac}.clear-confirmation{padding:16px;border:1px solid #c79466;border-radius:8px;margin:16px 0;background:#36281f;color:#ffdfc0;font-size:12px}.clear-confirmation p{line-height:1.5}.clear-confirmation label{display:grid;gap:6px;max-width:300px;margin:12px 0}.clear-confirmation input{font:inherit;color:#fff;background:#111f30;border:1px solid #8395a9;padding:9px;border-radius:5px}.bracket-page #confirm-clear,.bracket-page #clear-event{background:#5b3029;border-color:#c28e80}.clear-confirmation button{margin-right:8px}@media print{.previous-draws,.clear-confirmation,#clear-event{display:none!important}.class-bracket.round-draw .round-games{grid-template-columns:repeat(3,minmax(150px,1fr))}}