.bracket-nav-icon svg{display:block;width:18px;height:18px}
.brackets-page{max-width:1280px;margin:0 auto;min-width:0}
.brackets-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #dfbc722b;padding:8px 0 27px}
.brackets-heading h1{font:italic 800 clamp(42px,5vw,72px)/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.5px;margin:17px 0 14px}
.brackets-heading p{font-size:12px;color:#aaa79d;line-height:1.8;margin:0}
.brackets-edition{display:flex;align-items:center;gap:12px;color:var(--gold);font-size:9px;letter-spacing:2px}
.brackets-edition b{font:italic 800 76px/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:-3px}
.brackets-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 18px}
.brackets-tabs button{min-height:44px;padding:12px 18px;border:1px solid #e9cd912e;border-radius:4px;background:#ffffff03;color:#aaa79d;font-size:11px}
.brackets-tabs button[aria-pressed=true]{border-color:#e9cd9177;background:#e9cd9110;color:#e9cd91;box-shadow:inset 0 -2px #e9cd91}
.bracket-viewer{border:1px solid #dfbc7244;border-radius:7px;overflow:hidden;background:#111619;min-width:0;box-shadow:0 16px 45px #0003}
.bracket-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px;flex-wrap:wrap;background:linear-gradient(115deg,#e9cd9109,transparent)}
.bracket-caption>span{font-size:8px;letter-spacing:1.8px;color:#a69a80}.bracket-caption h2{font:600 27px/1.15 'Barlow Condensed',Impact,sans-serif;margin:7px 0 0}
.bracket-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.bracket-tools button,.bracket-tools>a{display:inline-flex;align-items:center;justify-content:center;border:1px solid #e9cd9136;border-radius:4px;min-height:44px;background:#ffffff03;padding:10px 12px;font-size:11px;line-height:1.4;color:#d7ccaf}
.bracket-tools button:hover,.bracket-tools>a:hover,.brackets-tabs button:hover{border-color:var(--gold);background:#e9cd910b}
.bracket-tools button:disabled{opacity:.35;cursor:default}.bracket-tools>a{color:#151915;background:var(--gold);border-color:var(--gold)}.bracket-tools>a:hover{background:#e9cd91}
.bracket-zoom{display:flex;align-items:center;gap:0;border:1px solid #e9cd9136;border-radius:4px}.bracket-zoom button{border:0;border-radius:3px;padding:7px;min-width:42px;font-size:20px}.bracket-zoom output{min-width:52px;text-align:center;font-size:11px;font-variant-numeric:tabular-nums;color:#e9cd91}
.bracket-hint{margin:0;padding:0 20px 15px;font-size:11px;line-height:1.7;color:#96988f}
.bracket-viewport{aspect-ratio:var(--bracket-aspect);overflow:auto;overscroll-behavior:contain;background:#080d11;cursor:grab;scrollbar-color:#a68a54 #171b1c;scrollbar-width:thin;border-top:1px solid #dfbc722b;-webkit-overflow-scrolling:touch}
.bracket-viewport.dragging{cursor:grabbing;user-select:none}.bracket-viewport:focus-visible{outline-offset:-3px}
.bracket-canvas{width:100%}.bracket-canvas img{display:block;width:100%;max-width:none;height:auto;user-select:none;-webkit-user-drag:none}
.bracket-error{margin:0;padding:16px 20px;color:#e9cd91;font-size:12px;line-height:1.8}.bracket-error a{text-decoration:underline}
.brackets-note{display:flex;gap:5px;align-items:baseline;flex-wrap:wrap;font-size:11px;line-height:1.8;color:#959589;margin:20px 0 0}.brackets-note button{padding:2px 0;color:var(--gold);background:transparent;font-size:inherit}
dialog.bracket-dialog{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#0d1215;color:var(--white);overflow:hidden}
dialog.bracket-dialog[open]{display:grid;align-items:center;animation:none;opacity:1;transform:none}
.bracket-dialog::backdrop{background:#080d11ed;backdrop-filter:none}.bracket-dialog>.bracket-viewer{width:100%;max-height:100%;display:flex;flex-direction:column;border:0;border-radius:0;box-shadow:none}.bracket-dialog .bracket-viewport{flex:0 1 auto;min-height:0}.bracket-dialog .bracket-toolbar,.bracket-dialog .bracket-hint{flex-shrink:0}.bracket-dialog .bracket-toolbar{padding-top:max(20px,env(safe-area-inset-top));padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
@media(max-width:680px){
 .sidebar nav{overflow-x:auto;overscroll-behavior-x:contain;max-width:100%;scrollbar-width:thin;scrollbar-color:#a68a54 transparent;gap:4px}
 .sidebar nav button{flex:0 0 auto;min-width:100px;font-size:10px;padding:12px 10px;white-space:nowrap}.sidebar nav button span{display:inline;font-size:12px}
 .brackets-heading{align-items:flex-start;gap:10px;padding:5px 0 22px}.brackets-heading h1{font-size:44px;max-width:270px;margin:14px 0 12px}.brackets-heading p{font-size:11px;max-width:250px}.brackets-heading .eyebrow{font-size:7px;letter-spacing:1.5px}.brackets-edition{font-size:7px;gap:6px;margin-top:12px}.brackets-edition b{font-size:48px}
 .brackets-tabs{gap:7px;margin:20px 0 15px}.brackets-tabs button{flex:1;padding:11px 9px;font-size:10px;white-space:nowrap}
 .bracket-toolbar{padding:16px 13px;gap:16px}.bracket-caption h2{font-size:26px}.bracket-tools{gap:7px;width:100%}.bracket-tools button,.bracket-tools>a{font-size:10px;padding:9px}.bracket-zoom button{padding:7px;min-width:38px;font-size:20px}.bracket-zoom output{min-width:45px;font-size:10px}.bracket-tools>a{flex:1}
 .bracket-hint{font-size:10px;padding:0 13px 13px}.brackets-note{font-size:10px}.bracket-dialog .bracket-toolbar{padding-bottom:12px;gap:12px}
}