.mode-trophy{background:radial-gradient(circle at 50% 8%,rgba(244,193,62,.30),transparent 40%),repeating-conic-gradient(#efe4c8 0% 25%,#f4ecd6 0% 50%) 0 0/64px 64px;color:#2E2450;min-height:100vh;font-family:'Space Grotesk',system-ui,sans-serif}
.mode-trophy .jfl-nav{border-bottom:1px solid rgba(46,36,80,.14)}
.mode-trophy .jfl-nav a{color:#2E2450}
.mode-trophy .jfl-footer{border-top:1px solid rgba(46,36,80,.14);color:#6f6394}
.px{image-rendering:pixelated;display:inline-block;vertical-align:middle}
.tr-wrap{max-width:900px;margin:0 auto;padding:30px 22px 60px}
.tr-eye{font-family:'Silkscreen';font-size:12px;letter-spacing:5px;color:#6E2BD1;text-transform:uppercase;text-align:center}
.tr-h2{font-family:'Silkscreen';font-size:12px;letter-spacing:3px;color:#6E2BD1;text-transform:uppercase;text-align:center;margin:46px 0 16px}

/* Trophy case — a slot per season, centered */
.tr-case{margin-top:8px}
.tr-shelf{display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:24px;margin-top:16px}
.tr-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:200px;padding:22px 16px 18px;background:#fbf6ea;border:1px solid #e3d7bd;border-radius:16px;box-shadow:0 6px 0 rgba(180,155,106,.22);text-decoration:none;color:inherit}
a.tr-slot{transition:transform .12s,box-shadow .12s}
a.tr-slot:hover{transform:translateY(-3px);box-shadow:0 9px 0 rgba(180,155,106,.28)}
.tr-slot .px{margin-bottom:12px}
.tr-slot-eye{font-family:'Silkscreen';font-size:9px;letter-spacing:2px;color:#6E2BD1;text-transform:uppercase;line-height:1.5}
.tr-slot-name{font-size:23px;font-weight:700;letter-spacing:-.3px;margin-top:7px}
.tr-slot-purse{font-family:'Silkscreen';font-size:10px;color:#C9902A;margin-top:7px}
.tr-slot.lock{opacity:.9}
.tr-slot.lock .tr-slot-name{color:#a1946e}
.tr-cup{position:relative;display:inline-block;line-height:0}
.tr-cup-img{display:block}
.tr-engrave{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);text-align:center;line-height:1.02;font-family:'Silkscreen',monospace;font-weight:700;text-shadow:0 1px 2px rgba(28,14,58,.95),0 0 2px rgba(28,14,58,.8);pointer-events:none}
.tr-engrave .jfl{display:block;letter-spacing:.5px}
.tr-engrave .num{display:block;margin-top:2px}
.tr-cup-dim{display:inline-block;opacity:.6}
/* Season page masthead — one large slot, no card chrome */
.tr-mast{text-align:center;margin-top:6px}
.tr-slot.big{width:auto;max-width:340px;margin:0 auto;background:transparent;border:none;box-shadow:none;padding:8px}
.tr-slot.big .tr-slot-name{font-size:42px}
.tr-slot.big .tr-slot-purse{font-size:12px}

/* Manager cards — flip trading cards */
.tr-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(172px,1fr));gap:14px;max-width:820px;margin:0 auto}
.flip{perspective:1100px;height:240px;cursor:pointer}
.flip-in{position:relative;width:100%;height:100%;transition:transform .5s;transform-style:preserve-3d}
.flip.flipped .flip-in{transform:rotateY(180deg)}
.flip.grey{filter:grayscale(.72);opacity:.66}
.flip .face{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:14px;overflow:hidden;box-shadow:0 5px 0 rgba(180,155,106,.28);padding:5px;box-sizing:border-box;background:var(--tc);transition:visibility 0s .25s}
/* Also hard-toggle visibility at the flip midpoint. backface-visibility alone
   is unreliable on mobile Blink (a z-indexed child like .tc-tag composites into
   its own layer and bleeds through); visibility:hidden hides the whole subtree. */
.flip .front{visibility:visible}
.flip .back{transform:rotateY(180deg);visibility:hidden}
.flip.flipped .front{visibility:hidden}
.flip.flipped .back{visibility:visible}
.tc-tag{position:absolute;top:9px;right:9px;font-family:'Silkscreen';font-size:7px;letter-spacing:1px;padding:2px 6px;border-radius:5px;z-index:2;text-transform:uppercase;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.tc-tag.new{background:#17B8A6;color:#fff}
.tc-tag.ret{background:#e3d7bd;color:#6f6394}
.tc-inner,.bk-wrap{background:#fbf6ea;border-radius:10px;height:100%;box-sizing:border-box}
.tc-inner{display:flex;flex-direction:column;align-items:center;text-align:center;padding:15px 10px}
.tc-name{font-family:'Silkscreen';font-size:11px;color:#2E2450;letter-spacing:.5px;line-height:1.5}
.tc-hw{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;flex:1;margin:6px 0}
.tc-none{font-family:'Silkscreen';font-size:9px;color:#a1946e}
.tc-sub{font-family:'Silkscreen';font-size:8px;color:#C9902A;letter-spacing:1px;text-transform:uppercase}
.bk-wrap{padding:12px 13px}
.bk-h{font-family:'Silkscreen';font-size:8px;letter-spacing:1px;color:#6E2BD1;text-transform:uppercase;margin-bottom:4px}
.bk-row{display:flex;justify-content:space-between;font-size:12px;color:#6f6394;padding:2px 0}
.bk-row b{color:#2E2450}
.flip .back ul{margin:3px 0 0;padding:0;list-style:none}
.flip .back li{display:flex;align-items:center;gap:6px;font-size:11px;color:#2E2450;margin:3px 0}
.flip .back li.none{color:#a1946e;font-style:italic}
.tc-plate{flex:1;align-self:stretch;display:flex;align-items:center;justify-content:center;border-radius:10px;min-height:0;margin-bottom:8px}
.tc-av{width:104px;height:104px;image-rendering:pixelated;display:block;object-fit:contain}
.tc-sil{width:88px;height:88px;display:block;fill:#3a2f63;opacity:.26}
.tc-hw.sm{flex:0 0 auto;gap:7px;margin:4px 0;min-height:18px}
.tc-hw.sm .px{width:18px;height:18px}
.tr-credit{text-align:center;font-size:11px;color:#a1946e;margin-top:40px}

/* Final standings */
.tr-standings{width:100%;max-width:580px;margin:0 auto;border-collapse:separate;border-spacing:0 7px}
.tr-standings th{font-family:'Silkscreen';font-size:8px;letter-spacing:1px;color:#6f6394;text-transform:uppercase;padding:0 12px 2px;text-align:left}
.tr-standings th:last-child{text-align:right}
.tr-standings td{background:#fbf6ea;border-top:1px solid #ece0c6;border-bottom:1px solid #ece0c6;padding:8px 12px;font-size:15px}
.tr-standings td:first-child{border-left:1px solid #ece0c6;border-radius:12px 0 0 12px;width:48px;text-align:center}
.tr-standings td:last-child{border-right:1px solid #ece0c6;border-radius:0 12px 12px 0;text-align:right;font-variant-numeric:tabular-nums;font-weight:700}
.tr-standings .nm-c{font-weight:700}
.st-badges{display:inline-flex;gap:4px;vertical-align:middle;margin-left:8px}
.st-badges .px{width:18px;height:18px;image-rendering:pixelated}
.tr-standings .rec-c{font-variant-numeric:tabular-nums;color:#6f6394;font-size:14px}
.tr-standings .rec-c .w{color:#1E8E4E;font-weight:700}
.tr-standings .rec-c .l{color:#CB3E3E;font-weight:700}
.tr-standings .rk{font-family:'Silkscreen';font-size:12px;color:#8a7fae}
.tr-standings tr.p1 td{background:#faeecb}
.tr-standings tr.p2 td{background:#eef0f2}
.tr-standings tr.p3 td{background:#f4e6d6}
.tr-standings tr.p1 td:first-child{border-left:4px solid #E8B923}
.tr-standings tr.p2 td:first-child{border-left:4px solid #AEB4BE}
.tr-standings tr.p3 td:first-child{border-left:4px solid #C68342}

/* Snake draft board — fits a laptop (uniform tiles); scrolls horizontally on phones */
.tr-draft-wrap{width:96vw;max-width:1180px;position:relative;left:50%;transform:translateX(-50%);overflow-x:auto;margin-top:12px;padding-bottom:4px}
.tr-draft-grid{table-layout:fixed;width:100%;min-width:0;border-collapse:separate;border-spacing:4px}
.tr-draft-grid th{font-family:'Silkscreen';font-size:8px;letter-spacing:.5px;color:#6E2BD1;padding:2px 2px 4px;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tr-draft-grid td{border-radius:7px;padding:5px;vertical-align:top;color:#141018;height:64px;overflow:hidden}
.tr-draft-grid td:empty{background:transparent}
.tr-draft-grid .pk{font-family:ui-monospace,Consolas,monospace;font-size:8px;opacity:.7;display:block;line-height:1}
.tr-draft-grid .pl{font-size:11px;font-weight:700;display:block;line-height:1.12;margin-top:1px;overflow:hidden}
.tr-draft-grid .ps{font-size:8px;opacity:.75;display:block;margin-top:1px}
.tr-draft-grid .via{font-family:'Silkscreen';font-size:7px;color:#3a2a05;background:rgba(0,0,0,.16);border-radius:3px;padding:1px 3px;display:inline-block;margin-top:2px;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.tr-draft-grid td.traded{outline:2px solid #FFD84A;outline-offset:-2px}
@media(max-width:700px){.tr-draft-grid{min-width:720px}}
.pos-QB{background:#EF7CA0}.pos-RB{background:#37C9A3}.pos-WR{background:#5AA9F0}.pos-TE{background:#F0A94B}.pos-K{background:#B48BE0}.pos-DEF{background:#B48BE0}

/* Awards */
.tr-awards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;max-width:820px;margin:0 auto}
.tr-award{background:#fbf6ea;border:1px solid #e3d7bd;border-radius:12px;padding:12px 14px;display:flex;gap:12px;align-items:center;box-shadow:0 5px 0 rgba(180,155,106,.22)}
.tr-award .aw{font-family:'Silkscreen';font-size:9px;letter-spacing:1px;color:#6E2BD1;text-transform:uppercase}
.tr-award .wn{font-size:17px;font-weight:700;margin-top:3px}
.tr-award .nt{font-size:12px;color:#6f6394;margin-top:2px;line-height:1.35}
.tr-empty{text-align:center;color:#a1946e;font-style:italic;margin:6px 0 0}
.tr-leaders{grid-template-columns:repeat(4,1fr);max-width:1000px}
.tr-leader .wn{white-space:nowrap}
.tr-leader .lp{font-family:'Silkscreen';font-size:11px;color:#8a5a1a;margin-top:3px}
.tr-leader .pk-badge{font-family:ui-monospace,Consolas,monospace;font-weight:700;color:#6E2BD1;margin-top:2px}
@media(max-width:820px){.tr-leaders{grid-template-columns:repeat(2,1fr)}}
@media(max-width:460px){.tr-leaders{grid-template-columns:1fr}}

/* Playoff bracket */
.bk-wrap-x{width:96vw;max-width:920px;position:relative;left:50%;transform:translateX(-50%);overflow-x:auto;padding-bottom:6px}
.bk{display:flex;gap:22px;justify-content:center;min-width:520px;padding:2px}
.bk-rd{display:flex;flex-direction:column;min-width:150px}
.bk-col{display:flex;flex-direction:column;justify-content:space-around;flex:1;gap:12px}
.bk-rl{font-family:'Silkscreen';font-size:8px;letter-spacing:1px;color:#6E2BD1;text-transform:uppercase;text-align:center;margin-bottom:2px}
.bk-mt{background:#fbf6ea;border:1px solid #e3d7bd;border-radius:9px;overflow:hidden;box-shadow:0 3px 0 rgba(180,155,106,.2)}
.bk-mt.champ{border:2px solid #E8B923;box-shadow:0 3px 0 rgba(232,185,35,.35)}
.bk-tm{display:flex;align-items:center;gap:7px;padding:6px 9px;font-size:12px;color:#8a80a3;border-left:4px solid var(--tc,#e3d7bd)}
.bk-tm.win{color:#2E2450;font-weight:700;background:#fff}
.bk-tm+.bk-tm{border-top:1px solid #f0e7d3}
.bk-tm .sd{font-family:'Silkscreen';font-size:9px;color:#a1946e;width:14px}
.bk-tm.win .sd{color:#C9902A}
.bk-tm.byelbl{border-left:none;font-family:'Silkscreen';font-size:8px;color:#a1946e;justify-content:center}
.bk-mt.bye{opacity:.9}
.bk-tm.tbd{color:#c9bfa0}

/* Record Book */
.tr-recordbook{max-width:640px;margin:0 auto}
.rb-rec{background:#fbf6ea;border:1px solid #e3d7bd;border-radius:16px;box-shadow:0 6px 0 rgba(180,155,106,.22);padding:16px 16px 12px;margin-bottom:18px}
.rb-banner{display:flex;justify-content:center;margin:-2px 0 13px}
.rb-banner span{background:linear-gradient(135deg,#7B33F5,#3B1E78);color:#F5F4EB;font-family:'Silkscreen';font-size:11px;letter-spacing:2px;text-transform:uppercase;padding:8px 24px;box-shadow:inset 0 -2px 0 rgba(213,148,59,.55);clip-path:polygon(11px 0,calc(100% - 11px) 0,100% 50%,calc(100% - 11px) 100%,11px 100%,0 50%)}
.rb-hero{display:flex;align-items:center;gap:15px}
.rb-av{width:78px;height:78px;border-radius:12px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;background:#ece3f7;border:1px solid rgba(110,43,209,.12)}
.rb-av .tc-sil{width:52px;height:52px;fill:#6E2BD1;opacity:.24}
.rb-av .rb-avimg{width:72px;height:72px;object-fit:contain;image-rendering:pixelated;display:block}
.rb-meta{flex:1;min-width:0}
.rb-nm{font-family:'Silkscreen';font-size:12px;letter-spacing:.5px;color:#2E2450}
.rb-big{font-size:46px;font-weight:700;letter-spacing:-1.5px;line-height:1;margin:4px 0 3px;font-variant-numeric:tabular-nums;color:#3B1E78}
.rb-big small{font-size:21px;color:#C9902A}
.rb-ctx{font-family:'Silkscreen';font-size:9px;letter-spacing:1px;color:#C9902A;text-transform:uppercase}
.rb-lead{list-style:none;margin:12px 0 0;padding:12px 0 0;border-top:1px solid #ece0c6}
.rb-lead li{display:flex;align-items:baseline;gap:8px;padding:5px 2px}
.rb-lead .rk{font-family:'Silkscreen';font-size:11px;color:#b7a7dd;width:16px;text-align:center;flex:0 0 auto}
.rb-lead .ln{font-weight:700;font-size:14px;white-space:nowrap}
.rb-lead .dots{flex:1;border-bottom:2px dotted #d8cbac;transform:translateY(-3px)}
.rb-lead .yr{font-family:'Silkscreen';font-size:8px;color:#b7a7dd;flex:0 0 auto}
.rb-lead .vv{font-weight:700;font-variant-numeric:tabular-nums;font-size:14px;flex:0 0 auto;min-width:70px;text-align:right;color:#3B1E78}
.rb-calls{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:6px}
@media(max-width:460px){.rb-calls{grid-template-columns:1fr}}
.rb-call{background:#fbf6ea;border:1px solid #e3d7bd;border-radius:13px;padding:12px 14px;box-shadow:0 4px 0 rgba(180,155,106,.2)}
.rb-cl{font-family:'Silkscreen';font-size:8px;letter-spacing:1px;color:#6E2BD1;text-transform:uppercase}
.rb-cv{font-size:26px;font-weight:700;letter-spacing:-.5px;color:#3B1E78;margin:6px 0 4px;font-variant-numeric:tabular-nums}
.rb-cv small{font-size:14px;color:#C9902A}
.rb-cw{font-size:13px;font-weight:700}
.rb-cw .o{font-weight:500;color:#6f6394}
.rb-cc{font-family:'Silkscreen';font-size:8px;letter-spacing:1px;color:#C9902A;text-transform:uppercase;margin-top:4px}