/* Comparison theme: hand-assembled tennis fanzine. Enabled with ?style=zine. */
body.zine-style { --ink:#101010; --muted:#48443e; --line:#101010; --paper:#fff7df; --canvas:#3267d6; --green:#1747c4; --green-dark:#102d83; --lime:#efff3e; --clay:#ff4e36; --soft-green:#8de0d0; --soft-yellow:#efff3e; --shadow:none; --radius:0; background:#3267d6; color:#101010; font-family:Arial,Helvetica,sans-serif; }
.zine-style .app-shell { max-width:1180px; border:4px solid var(--ink); border-radius:0; background:var(--paper); box-shadow:12px 12px 0 var(--ink); }
.zine-style .topbar { height:72px; border-bottom:4px solid var(--ink); background:var(--lime); backdrop-filter:none; }
.zine-style .brand-mark { color:var(--clay); }
.zine-style .brand-wordmark { font:900 23px "Arial Black",Arial,sans-serif; letter-spacing:-.06em; text-transform:uppercase; }
.zine-style .desktop-nav button { color:var(--ink); font-weight:900; text-transform:uppercase; }
.zine-style .desktop-nav button.active { border-bottom-color:var(--clay); }
.zine-style .avatar { border:3px solid var(--ink); border-radius:0; background:var(--clay); color:white; transform:rotate(3deg); }
.zine-style .page { padding:36px 32px 64px; }
.zine-style h1,.zine-style .page-header h1,.zine-style .event-header h1 { font:900 clamp(44px,7vw,82px)/.86 "Arial Black",Arial,sans-serif; letter-spacing:-.075em; text-transform:uppercase; }
.zine-style h2,.zine-style h3 { font-family:"Arial Black",Arial,sans-serif; }
.zine-style .page-header h1 { display:inline-block; padding:0 8px 6px; background:var(--clay); color:white; transform:rotate(-1deg); }
.zine-style .button,.zine-style .mini-button { border:3px solid var(--ink); border-radius:0; background:var(--ink); color:white; box-shadow:5px 5px 0 var(--clay); font-weight:900; text-transform:uppercase; }
.zine-style .button.secondary,.zine-style .button.ghost { background:var(--paper); color:var(--ink); }
.zine-style .location-art,.zine-style .production-art,.zine-style .player-portrait,.zine-style .selected-player-portraits { display:none!important; }
.zine-style .card,.zine-style .match-card,.zine-style .status-panel,.zine-style .action-panel,.zine-style .winner-block,.zine-style .completed-result-hero,.zine-style .selection-history-group,.zine-style .sticky-action { border:3px solid var(--ink); border-radius:0; background:var(--paper); box-shadow:6px 6px 0 var(--ink); }
.zine-style .cards { gap:22px; }
.zine-style .tournament-card { grid-template-columns:minmax(0,1fr) auto; min-height:120px; padding:20px; }
.zine-style .tournament-card:nth-child(odd) { background:#8de0d0; transform:rotate(-.4deg); }
.zine-style .tournament-card:nth-child(even) { background:#f8a0c0; transform:rotate(.45deg); }
.zine-style .card-title-row { display:block; }
.zine-style .card-title-row h3 { font:900 24px/.95 "Arial Black",Arial,sans-serif; letter-spacing:-.045em; text-transform:uppercase; }
.zine-style .status-chip { display:inline-flex; border:2px solid var(--ink); border-radius:0; background:var(--lime)!important; color:var(--ink); font:900 10px "Courier New",monospace; text-transform:uppercase; }
.zine-style .lifecycle-tabs,.zine-style .tour-filter,.zine-style .tournament-tabs,.zine-style .tournament-tour-selector,.zine-style .ranking-tabs,.zine-style .half-tabs,.zine-style .draw-half-filter { gap:0; padding:0; border:3px solid var(--ink); border-radius:0; background:var(--paper); box-shadow:4px 4px 0 var(--ink); }
.zine-style .lifecycle-tabs button,.zine-style .tour-filter button,.zine-style .tournament-tabs button,.zine-style .tournament-tour-selector button,.zine-style .ranking-tabs button,.zine-style .half-tabs button,.zine-style .draw-half-filter button { border-right:2px solid var(--ink); border-radius:0; background:transparent; color:var(--ink); box-shadow:none; font:900 11px "Courier New",monospace; text-transform:uppercase; }
.zine-style .lifecycle-tabs button:last-child,.zine-style .tour-filter button:last-child,.zine-style .tournament-tabs button:last-child,.zine-style .tournament-tour-selector button:last-child,.zine-style .ranking-tabs button:last-child,.zine-style .half-tabs button:last-child,.zine-style .draw-half-filter button:last-child{border-right:0}
.zine-style .lifecycle-tabs button.active,.zine-style .tour-filter button.active,.zine-style .tournament-tabs button.active,.zine-style .tournament-tour-selector button.active,.zine-style .ranking-tabs button.active,.zine-style .half-tabs button.active,.zine-style .draw-half-filter button.active { background:var(--ink); color:var(--lime); box-shadow:none; }
.zine-style .outstanding-action { border:3px solid var(--ink); border-radius:0; background:var(--lime); box-shadow:7px 7px 0 var(--clay); transform:rotate(-.25deg); }
.zine-style .outstanding-action-icon { border:2px solid var(--ink); border-radius:0; background:var(--clay); color:white; transform:rotate(-4deg); }
.zine-style .outstanding-action .outstanding-action-label { color:var(--ink); font-family:"Courier New",monospace; }
.zine-style .event-header,.zine-style .production-event-header { min-height:0; padding:26px; border:4px solid var(--ink); border-radius:0; background:#8de0d0; box-shadow:8px 8px 0 var(--clay); transform:rotate(-.35deg); }
.zine-style .event-header-copy>p { font:900 11px "Courier New",monospace; text-transform:uppercase; }
.zine-style .event-header .status-chip.is-live { background:var(--clay)!important; color:white; }
.zine-style .selection-requirements { border:3px solid var(--ink); border-radius:0; background:var(--lime); }
.zine-style .match-card { padding:0; }
.zine-style .match-meta { padding:8px 12px; border-bottom:3px solid var(--ink); background:var(--green); color:white; font:900 11px "Courier New",monospace; }
.zine-style .player-row { grid-template-columns:42px 1fr auto!important; border-radius:0; }
.zine-style .player-row.has-portrait .player-info { grid-column:2; }
.zine-style .player-row.has-portrait .pick-toggle { grid-column:3; }
.zine-style .player-row+.player-row { border-top:2px solid var(--ink); }
.zine-style .player-row.selected { background:var(--lime); }
.zine-style .pick-toggle { border:2px solid var(--ink); border-radius:0; background:var(--paper); color:var(--ink); box-shadow:3px 3px 0 var(--clay); }
.zine-style .draw-sticky-head,.zine-style .draw-viewport,.zine-style .bracket-card { border-color:var(--ink); border-radius:0; background:var(--paper); box-shadow:none; }
.zine-style .bracket-headings { background:var(--ink); }
.zine-style .bracket-heading { color:var(--lime); font:900 11px "Courier New",monospace; }
.zine-style .bracket-lines path { stroke:var(--green); stroke-width:3; }
.zine-style .public-landing { background:var(--canvas); }
.zine-style .public-header { border:3px solid var(--ink); background:var(--lime); box-shadow:6px 6px 0 var(--ink); }
.zine-style .public-landing .auth-grid { overflow:visible; border:4px solid var(--ink); border-radius:0; background:var(--paper); box-shadow:12px 12px 0 var(--ink); }
.zine-style .public-landing .auth-visual { position:relative; min-height:650px; overflow:hidden; padding:52px; background:var(--green); }
.zine-style .public-landing .auth-visual::before { content:"MATCH POINT!"; position:absolute; right:-75px; bottom:80px; padding:12px 24px; border:4px solid var(--ink); background:var(--lime); color:var(--ink); font:900 44px "Arial Black",Arial,sans-serif; transform:rotate(-12deg); }
.zine-style .public-copy .entry-kicker { display:inline-block; padding:5px 8px; background:var(--lime); color:var(--ink); font:900 12px "Courier New",monospace; text-transform:uppercase; transform:rotate(-1deg); }
.zine-style .public-copy h1 { color:white; font:900 clamp(60px,7vw,98px)/.82 "Arial Black",Arial,sans-serif; letter-spacing:-.08em; text-transform:uppercase; transform:rotate(-1deg); }
.zine-style .public-copy>p:last-child { max-width:520px; color:white; font-weight:700; }
.zine-style .public-landing .auth-card { border-left:4px solid var(--ink); }
.zine-style .auth-card h2 { font:900 34px "Arial Black",Arial,sans-serif; text-transform:uppercase; }
.zine-style .google-button { border:3px solid var(--ink); border-radius:0; box-shadow:4px 4px 0 var(--green); }
.zine-style .bottom-nav { border-top:3px solid var(--ink); background:var(--lime); }
@media(max-width:779px){.zine-style .app-shell{border:0;box-shadow:none}.zine-style .page{padding:26px 16px 44px}.zine-style .page-header h1,.zine-style .event-header h1{font-size:42px}.zine-style .page-header h1,.zine-style .tournament-card,.zine-style .outstanding-action{transform:none}.zine-style .tournament-card{grid-template-columns:1fr}.zine-style .tournament-card .mini-button{grid-column:1}.zine-style .public-landing{padding:0}.zine-style .public-header{border-right:0;border-left:0;box-shadow:none}.zine-style .public-landing .auth-grid{border-right:0;border-left:0;box-shadow:none}.zine-style .public-landing .auth-visual{min-height:520px;padding:34px 20px}.zine-style .public-copy h1{font-size:52px}.zine-style .public-landing .auth-card{border-top:4px solid var(--ink);border-left:0}}