/* Golf Network News player cards. House fonts: Libre Caslon Display / Libre Caslon Text. */
/* house fonts, self-hosted (SIL Open Font License), latin subset; optional = never re-flows */
@font-face{font-family:'Libre Caslon Display';src:url(/players/assets/fonts/caslon-display.woff2) format('woff2');font-weight:400;font-style:normal;font-display:optional}
@font-face{font-family:'Libre Caslon Text';src:url(/players/assets/fonts/caslon-text.woff2) format('woff2');font-weight:400;font-style:normal;font-display:optional}
@font-face{font-family:'Libre Caslon Text';src:url(/players/assets/fonts/caslon-text-italic.woff2) format('woff2');font-weight:400;font-style:italic;font-display:optional}
@font-face{font-family:'Libre Caslon Text';src:url(/players/assets/fonts/caslon-text-bold.woff2) format('woff2');font-weight:700;font-style:normal;font-display:optional}

:root{
  --walnut:#2b1a10; --walnut2:#3a2416; --walnut3:#1a0f09;
  --cream:#f6efdd; --cream2:#e7dbbd; --ink:#1f1810; --ink2:#4b3f2c; --rule:#c8b994;
  --gold:#d9b45a; --goldt:#e6c977; --red:#b8323f; --blue:#1d3f8f; --navy:#13214a;
  --deskt:#f2e7cf; --deskt2:#dccaa4; --paper:#f7f1e2;
  --disp:'Libre Caslon Display',Georgia,serif; --text:'Libre Caslon Text',Georgia,'Times New Roman',serif;
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .27 0 0 0 0 .15 0 0 0 .16 0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E");
  --woodgrain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='480' height='160'%3E%3Cfilter id='w'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.018 .42' numOctaves='3' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .14 0 0 0 0 .07 0 0 0 0 .03 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='480' height='160' filter='url(%23w)'/%3E%3C/svg%3E");
  --woodfine:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.06 1.4' numOctaves='2' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .2 0 0 0 0 .1 0 0 0 0 .04 0 0 0 .35 0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23f)'/%3E%3C/svg%3E");
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--walnut3);color:var(--ink);font-family:var(--text);font-size:18px;line-height:1.6}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}
a:focus-visible,button:focus-visible,input:focus-visible,.who:focus-visible,.mk:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html.pulling{cursor:progress}

/* masthead: house wordmark, plain link home */
.gnn-mast{background:#100a06;border-bottom:1px solid #3a2416}
.gnn-mast-in{max-width:1240px;margin:0 auto;padding:10px 32px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.gnn-home{display:flex;align-items:center;gap:12px;color:#f6efdd;text-decoration:none}
.gnn-emblem{flex:none;display:block;width:38px;height:38px}
.gnn-word{display:flex;flex-direction:column;gap:5px}
.gnn-name{font-family:var(--disp);font-size:19px;line-height:1;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}
.gnn-rule{display:flex;align-items:center;gap:4px}
.gnn-rule i{display:block;flex:1;height:1px}
.gnn-rule i:first-child{background:linear-gradient(90deg,rgba(184,50,63,0),#b8323f)}
.gnn-rule i:last-child{background:linear-gradient(90deg,#5d86d6,rgba(93,134,214,0))}
.gnn-rule svg{display:block;width:7px;height:7px}
.gnn-back{color:var(--deskt);font-size:16px;white-space:nowrap}
.gnn-short{display:none}

/* the desk */
.desk{background:radial-gradient(ellipse 55% 50% at 38% 8%,rgba(255,222,165,.26),rgba(255,222,165,0) 72%),
  radial-gradient(ellipse 120% 90% at 50% 125%,rgba(0,0,0,.5),rgba(0,0,0,0) 60%),var(--woodfine),var(--woodgrain),
  linear-gradient(180deg,#3d2617,#2f1d11 55%,#1e120a);background-size:auto,auto,200px 200px,480px 160px,auto;color:var(--deskt)}
.desk-in{max-width:1240px;margin:0 auto;padding:6px 32px 56px}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:14px 0 18px;font-size:15px;color:var(--deskt2)}
.crumbs li+li::before{content:"›";margin-right:6px;color:var(--gold)}
.crumbs a{color:var(--deskt)}
.desk-grid{display:grid;grid-template-columns:minmax(0,660px) minmax(0,1fr);gap:52px;align-items:start}
.desk-grid>*{min-width:0}
.desk-grid{grid-template-areas:"card side" "under side"}
.desk-grid>.cardzone{grid-area:card}.desk-grid>.under{grid-area:under;align-self:start}.desk-grid>.desk-side{grid-area:side}
.compare .card a{color:var(--ink)}
.desk-side{padding-top:58px}
.lede{font-size:19px;line-height:1.65;margin:0 0 18px;color:var(--deskt)}
.lede a,.rooms a,.desk-side a{color:#fff}
.rooms{color:var(--deskt);font-size:17px}

/* search */
.ta{max-width:1240px;margin:0 auto;padding:14px 32px 4px;display:flex;align-items:center;gap:14px;position:relative;z-index:30}
.ta label{font-family:var(--disp);font-size:20px;color:var(--deskt);white-space:nowrap}
.ta-box{position:relative;flex:1;max-width:640px}
.ta input{width:100%;font:inherit;font-size:18px;padding:11px 14px;border:1px solid #7a5a3a;border-radius:3px;background:#fbf6ea;color:var(--ink)}
.ta input::placeholder{color:#7b6d55}
.ta-list{position:absolute;left:0;right:0;top:calc(100% + 6px);margin:0;padding:8px;list-style:none;background:#1a0f09;border:1px solid #5a3d25;
  box-shadow:0 18px 40px rgba(0,0,0,.6);display:grid;gap:6px;max-height:70vh;overflow:auto}
.ta-none{color:var(--deskt);padding:8px}
#app>.ta{background:transparent}
#app{background:var(--walnut3)}
.ta-top{background:linear-gradient(180deg,#160d08,#24160d)}
.ta-top{max-width:none;padding-left:max(32px,calc((100% - 1240px)/2 + 32px));padding-right:max(32px,calc((100% - 1240px)/2 + 32px))}

/* mini cards */
.mini{display:grid;grid-template-columns:1fr;row-gap:1px;position:relative;text-align:left;font:inherit;color:var(--ink);text-decoration:none;cursor:pointer;
  background:var(--cream) var(--grain);background-blend-mode:multiply;border:0;border-radius:2px;padding:9px 12px 10px 14px;overflow:hidden;
  box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 6px 14px rgba(0,0,0,.35)}
.mc-flag{position:absolute;top:11px;right:12px;display:flex;gap:3px}
.mc-name{padding-right:52px}
.mc-name{font-family:var(--disp);font-size:20px;line-height:1.15}
.mc-meta{font-size:14px;color:var(--ink2)}
.mc-hook{font-size:15px;font-weight:700}
.mc-rel{font-size:14px;font-style:italic;color:var(--ink2)}
.ta-opt.on,.mini:hover{outline:2px solid var(--gold);outline-offset:0}
.minis{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:6px 0 14px}
.mini-plain{cursor:default}
.flag{display:inline-block;width:24px;height:16px;vertical-align:-2px;box-shadow:0 0 0 1px rgba(0,0,0,.28);border-radius:1px}
.flag+.flag{margin-left:3px}

/* the card */
.cardzone{position:relative}
.ctabs{display:flex;gap:3px;padding:0 18px;position:relative;z-index:2;overflow-x:auto;scrollbar-width:none}
.ctab{flex:none;font-size:16px;color:var(--ink);text-decoration:none;padding:7px 14px 9px;border-radius:5px 5px 0 0;
  background:var(--cream2) var(--grain);background-blend-mode:multiply;box-shadow:0 -2px 5px rgba(0,0,0,.25);margin-bottom:-3px}
.ctab[aria-current="true"]{background-color:var(--cream);font-weight:700}
.card-shadow{filter:drop-shadow(0 22px 26px rgba(0,0,0,.55)) drop-shadow(0 3px 4px rgba(0,0,0,.45));position:relative;z-index:3}
.card{position:relative;background:var(--cream) var(--grain);background-blend-mode:multiply;color:var(--ink);transform-origin:50% 50%;transition:transform .2s ease-in}
.card::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 80% 60% at 50% 0,rgba(255,250,235,.55),rgba(255,250,235,0) 70%)}
.card.turning{transform:perspective(1400px) rotateY(88deg)}
.face{position:relative;padding:30px 34px 26px}
.js .flip{display:grid}
.js .flip>.face{grid-area:1/1}
.js .card.turned .face.front,.js .card:not(.turned) .face.back{visibility:hidden}
.c-head{margin-bottom:12px}
.c-kick{margin:0;font-style:italic;color:var(--ink2)}
.c-name{font-family:var(--disp);font-weight:400;font-size:52px;line-height:1.02;margin:0 0 8px;color:#1b140c;text-shadow:0 1px 0 rgba(255,255,255,.75),0 -1px 0 rgba(60,40,10,.18)}
.c-meta{margin:0;font-size:17px;color:var(--ink2);line-height:1.45}
.rwb{height:7px;margin-top:14px;background:linear-gradient(180deg,var(--red) 0 2px,#cdbf9e 2px 2.5px,#fff 2.5px 4.5px,#cdbf9e 4.5px 5px,var(--blue) 5px 7px)}
.c-bigrow{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin:6px 0 14px}
.c-big{font-family:var(--disp);font-size:88px;line-height:.95;color:#1b140c;text-shadow:0 1px 0 rgba(255,255,255,.7),0 -1px 0 rgba(60,40,10,.18)}
.c-big-text{font-size:44px;line-height:1.1}
.c-bigl{font-size:18px;font-style:italic;color:var(--ink2)}
.medals{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px 6px}
.medal{display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;color:var(--ink);padding:4px 2px;border-radius:4px}
a.medal:hover .m-disc,.medal.sel .m-disc{box-shadow:0 0 0 3px var(--red),inset 0 2px 3px rgba(255,255,255,.7),inset 0 -3px 5px rgba(80,55,10,.45)}
.m-disc{width:70px;height:70px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:5px;line-height:1;position:relative}
.m-tro{width:38px;height:38px;color:#4e3810;filter:drop-shadow(0 1px 0 rgba(255,244,205,.75)) drop-shadow(0 -1px 0 rgba(60,40,8,.35))}
.medal.on .m-disc{background:radial-gradient(circle at 35% 28%,#fff6cf,#e3c066 42%,#a7832f 100%);border:2px solid #7a5d1f;color:#2a1d08;
  box-shadow:inset 0 2px 3px rgba(255,255,255,.7),inset 0 -3px 5px rgba(80,55,10,.45),0 2px 4px rgba(0,0,0,.25)}
.medal.off .m-disc{background:#e6dcc5;border:2px dashed #c3b48f;color:#8a7b5e}
.m-num{font-family:var(--disp);font-size:15px;margin-top:-1px;color:#2a1d08}
.m-name{font-size:13px;line-height:1.2}
.m-sub{font-size:12px;color:var(--ink2);line-height:1.25}
.medal.off .m-name{color:#6d6048}
.medals-lead .medal.off .m-disc{width:40px;height:40px}
.medals-lead .medal.off .m-num{font-size:16px}
.medals-lead .medal.off{opacity:.85}
#c-event .le{display:none}
html:not(.js) #c-event{display:none}
.panels{border-top:1px solid var(--rule);padding-top:10px}
.js .panel{display:none}
.js .panel.cur{display:block}

.panel h2{font-family:var(--disp);font-weight:400;font-size:24px;margin:2px 0 6px}
.panel h3{font-size:16px;margin:12px 0 4px}
.pl-sub{font-size:16px;margin:0 0 8px}
.hl{list-style:none;margin:0;padding:0}
.hl li{padding:6px 0;border-bottom:1px solid var(--rule);font-size:16px}
.hl-k{font-weight:700}
.turn{margin-top:12px;background:none;border:0;padding:6px 0;font:inherit;font-style:italic;font-size:17px;color:var(--ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.turn::before{content:"↻ "}
.back-h{font-family:var(--disp);font-weight:400;font-size:30px;margin:0 0 12px}
.card-shadow.pulled{animation:pull .55s cubic-bezier(.2,.8,.2,1)}
@keyframes pull{from{transform:translateY(46px) rotate(-1.6deg);opacity:.2}to{transform:none;opacity:1}}

/* ruled lines: card lists and the record */
.lines{list-style:none;margin:0;padding:0}
.lines li{display:grid;grid-template-columns:56px 1fr;column-gap:12px;padding:7px 0;border-bottom:1px solid var(--rule);font-size:16px;line-height:1.45}
.lines .ly{grid-row:1/span 2;font-weight:700;font-variant-numeric:tabular-nums}
.lines .le{font-weight:700}
.lines .le,.lines .lt{grid-column:2}
.lines li:has(> .lt:only-child) .lt{grid-column:1/-1}
.lines li:not(:has(.ly)){grid-template-columns:1fr}
.lines li:not(:has(.ly)) .le,.lines li:not(:has(.ly)) .lt{grid-column:1}
.aside{color:var(--ink2);font-size:15px}

/* career line */
.cl-lanes{display:grid;gap:0;margin:4px 0 6px}
.cl-lane{display:grid;grid-template-columns:118px 1fr;align-items:center;min-height:34px;border-bottom:1px solid var(--rule)}
.cl-name{font-size:14px;color:var(--ink2)}
.cl-track{position:relative;height:34px}
.cl-axis{border-bottom:0;min-height:24px}
.cl-ticks span{position:absolute;top:2px;transform:translateX(-50%);font-size:13px;color:var(--ink2)}
.cl-ticks span.tk-r{transform:translateX(-100%)}.cl-ticks span.tk-l{transform:none}
.cl-track{overflow:visible}.cl-lanes,.cl{max-width:100%}
.mk{position:absolute;top:50%;width:15px;height:15px;margin:-7.5px 0 0 -7.5px;border-radius:50%;border:1.5px solid rgba(0,0,0,.45);transition:transform .12s}
.mk:hover,.mk.on,.mk:focus{transform:scale(1.45);z-index:2}
.mk-w,.cl-legend .mk-w{background:radial-gradient(circle at 35% 30%,#fff2c0,#d5ad45 55%,#8e6c22)}
.mk-s,.cl-legend .mk-s{background:radial-gradient(circle at 35% 30%,#fff,#bfc4cb 55%,#7a8088)}
.mk-b,.cl-legend .mk-b{background:radial-gradient(circle at 35% 30%,#f6d0a8,#b6773f 55%,#6f421c)}
.mk-u,.cl-legend .mk-u{background:var(--blue)}
.mk-e,.cl-legend .mk-e{background:var(--red)}
.cl-detail{font-size:16px;min-height:2.9em;margin:8px 0 6px;font-style:italic}
.cl-legend{list-style:none;display:flex;flex-wrap:wrap;gap:6px 16px;padding:0;margin:0;font-size:14px;color:var(--ink2)}
.cl-legend i{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:6px;vertical-align:-1px;border:1px solid rgba(0,0,0,.4)}

/* under the card */
.under{display:flex;flex-wrap:wrap;align-items:center;gap:12px 26px;margin-top:26px;color:var(--deskt)}
.under .ta{padding:0;margin:0;flex:1 1 300px}
.under .ta label{font-size:18px}
.ubtn{background:none;border:0;padding:0;font:inherit;color:var(--deskt);text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-size:17px}
.nbr,.ynav{display:flex;gap:10px 22px;flex-wrap:wrap}
.ynav a{color:#fff;font-size:17px}
.nbr a{color:var(--deskt);font-size:17px}
.compare{margin-top:30px;color:var(--deskt)}
.compare h2{font-family:var(--disp);font-weight:400;font-size:30px;margin:0 0 14px}
.compare h3{font-family:var(--disp);font-weight:400;font-size:22px;margin:22px 0 6px}
.cmp-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.compare .lines li{border-color:rgba(242,231,207,.25)}
.compare a{color:#fff}

/* small cards (slide-in, compare) */
.card-mini .face{padding:22px 22px 18px}
.card-mini .c-name{font-size:34px}
.card-mini .c-big{font-size:58px}
.card-mini .medals{grid-template-columns:repeat(3,1fr)}
.card-mini .m-disc{width:56px;height:56px}
.card-mini .m-tro{width:30px;height:30px}
.slide{position:fixed;inset:0;z-index:60;background:rgba(12,7,3,.72);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity .2s}
.slide.open{opacity:1}
.slide-in{width:min(440px,100%);transform:translateX(60px) rotate(1.2deg);transition:transform .3s cubic-bezier(.2,.8,.2,1);max-height:100%;overflow:auto}
.slide.open .slide-in{transform:none}
.slide-rel{font-style:italic;margin:6px 0}
.slide-go{font-weight:700}
.slide-x{margin:12px auto 0;display:block;background:none;border:0;color:var(--deskt);font:inherit;text-decoration:underline;cursor:pointer;font-size:17px}
.tip{position:absolute;z-index:70}
.tip .mini{box-shadow:0 14px 30px rgba(0,0,0,.55)}

/* the record, below the fold */
.record{background:var(--paper) var(--grain);background-blend-mode:multiply;color:var(--ink)}
.record-in{max-width:1000px;margin:0 auto;padding:46px 32px 60px}
.record-h{font-family:var(--disp);font-weight:400;font-size:46px;margin:0 0 6px}
.rec{padding:20px 0 10px}
.rec h2{font-family:var(--disp);font-weight:400;font-size:31px;line-height:1.15;margin:0 0 10px;padding-bottom:8px;border-bottom:3px double #9c8a62}
.rec h3{font-size:19px;margin:18px 0 6px}
.rec p{margin:8px 0 12px}
.note{font-size:16px;color:var(--ink2)}
.lines-full li{grid-template-columns:62px 230px 1fr;font-size:17px}
.lines-full .ly{grid-row:auto}
.lines-full .le{grid-column:2}
.lines-full .lt{grid-column:3}
.menu li{grid-template-columns:200px 1fr}
.menu .le{grid-column:1}.menu .lt{grid-column:2}
.menu-q{margin:12px 0;padding:4px 0 4px 18px;border-left:3px solid var(--gold);font-style:italic}
.srcs{font-size:15px;padding-left:26px;columns:2 380px;column-gap:34px}
.srcs li{break-inside:avoid;margin:0 0 5px;overflow-wrap:anywhere}
.tbl table{border-collapse:collapse;width:100%;font-size:16px}
.tbl th{font-weight:700;text-align:left;border-bottom:3px double #9c8a62;padding:6px 8px}
.tbl td{border-bottom:1px solid var(--rule);padding:6px 8px}

/* honours board */
.desk-board .desk-in{padding-bottom:64px}
.boardwrap{max-width:1100px}
.board-head h1{font-family:var(--disp);font-weight:400;font-size:52px;line-height:1.05;margin:0 0 10px;color:var(--goldt);text-shadow:0 1px 0 rgba(0,0,0,.6)}
.board-head p{color:var(--deskt);max-width:52em}
.board-head a{color:#fff}
.board{list-style:none;margin:24px 0 0;padding:24px 30px;border:10px solid #1a0f08;outline:2px solid #6b4a2a;outline-offset:-14px;
  background:radial-gradient(ellipse 80% 40% at 50% 0,rgba(255,214,150,.12),rgba(0,0,0,0) 70%),var(--woodfine),var(--woodgrain),linear-gradient(180deg,#311d11,#24150c);background-size:auto,200px 200px,480px 160px,auto;
  box-shadow:0 26px 40px rgba(0,0,0,.6)}
.hb{display:grid;grid-template-columns:76px minmax(180px,280px) 1fr;column-gap:20px;padding:9px 0;border-bottom:1px solid rgba(226,194,110,.22);align-items:baseline}
.hb-y{font-family:var(--disp);font-size:22px;color:var(--goldt)}
.hb-y a{color:var(--goldt)}
.hb-n{font-family:var(--disp);font-size:22px;color:var(--goldt);line-height:1.2}
.hb-n a,.hb-d a{color:var(--goldt)}
.hb-d{font-size:15.5px;color:#efe3c8;line-height:1.45}
.hb.np .hb-n{font-family:var(--text);font-style:italic;font-size:17px;color:#d9c79c}
.hb:target{background:rgba(226,194,110,.14)}
.who[data-slug]{cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px}
.drawer h2{font-family:var(--disp);font-weight:400;font-size:34px;color:var(--goldt);margin:26px 0 8px;border-bottom:1px solid rgba(226,194,110,.3)}

/* footer */
.pfoot{background:#100a06;color:var(--deskt2);padding:24px 32px 40px}
.pfoot-links{list-style:none;display:flex;flex-wrap:wrap;gap:8px 24px;padding:0;margin:0 auto 10px;max-width:1240px}
.pfoot a{color:var(--deskt)}
.pfoot-upd{margin:0 auto;max-width:1240px;font-size:15px}

/* share-image mode (used only by the screenshot tool) */
.shot .gnn-mast,.shot .ta-top,.shot .crumbs,.shot .ctabs,.shot .panels,.shot .turn,.shot .under,.shot .desk-side,.shot .record,.shot .pfoot,.shot .compare{display:none!important}
.shot .desk-in{padding:0 60px;max-width:none;height:630px;display:flex;align-items:center;justify-content:center}
.shot .desk-grid{width:100%}
.shot .m-disc{width:84px;height:84px}.shot .m-num{font-size:34px}.shot .m-name{font-size:17px}.shot .m-sub{font-size:15px}.shot .c-big{font-size:110px}.shot .c-bigl{font-size:24px}.shot .c-meta{font-size:21px}
.shot .desk-grid{display:block}
.shot .cardzone{width:1080px;margin:0 auto}
.shot .c-name{font-size:62px}

@media (max-width:1000px){
  .desk-grid{grid-template-columns:1fr;gap:28px;grid-template-areas:"card" "side" "under"}
  .desk-side{padding-top:0}
}
@media (max-width:640px){
  body{font-size:17px}
  .gnn-mast-in{padding:8px 16px;gap:10px}
  .gnn-emblem{width:30px;height:30px}
  .gnn-name{font-size:14px;letter-spacing:.06em}
  .gnn-long{display:none}.gnn-short{display:inline}
  .ta{padding:10px 16px 4px;flex-direction:column;align-items:stretch;gap:6px}
  .ta label{font-size:17px}
  .ta-top{padding-left:16px;padding-right:16px}
  .desk-in{padding:2px 12px 40px}
  .ctabs{padding:0 8px}
  .ctab{font-size:15px;padding:7px 10px 9px}
  .face{padding:22px 18px 18px}
  .c-name{font-size:38px}
  .c-big{font-size:66px}
  .medals{grid-template-columns:repeat(3,1fr);row-gap:10px}
  .m-disc{width:62px;height:62px}.m-tro{width:33px;height:33px}
  .m-name{font-size:13px}

  .cl-lane{grid-template-columns:76px 1fr}
  .cl-name{font-size:12.5px}
  .lines-full li{grid-template-columns:52px 1fr}
  .lines-full .le,.lines-full .lt{grid-column:2}
  .lines-full .ly{grid-row:1/span 2}
  .menu li{grid-template-columns:1fr}
  .menu .le,.menu .lt{grid-column:1}
  .record-in{padding:30px 16px 44px}
  .record-h{font-size:38px}
  .rec h2{font-size:27px}
  .board-head h1{font-size:38px}
  .board{padding:12px 14px;border-width:6px;outline-offset:-9px}
  .hb{grid-template-columns:58px 1fr;row-gap:2px}
  .hb-d{grid-column:2}
  .hb-y,.hb-n{font-size:19px}
  .cmp-cards{grid-template-columns:1fr 1fr;gap:10px}
  .cmp-cards .card-mini .face{padding:14px 10px}
  .cmp-cards .card-mini .c-name{font-size:22px}
  .cmp-cards .card-mini .c-big{font-size:40px}
  .cmp-cards .card-mini .medals{grid-template-columns:repeat(2,1fr)}
  .cmp-cards .card-mini .m-disc{width:46px;height:46px}
  .cmp-cards .card-mini .m-tro{width:24px;height:24px}
  .cmp-cards .c-meta{font-size:13px}
  .cmp-cards .m-sub{font-size:11px}
  .srcs{columns:1}
  .pfoot{padding:20px 16px 32px}
}

/* career line on the desk (right half), large */
.desk-side .cl{margin-bottom:26px}
.cl-h{font-family:var(--disp);font-weight:400;font-size:28px;margin:0 0 10px;color:var(--goldt)}
.desk-side .cl-lane{grid-template-columns:150px 1fr;min-height:44px;border-bottom:1px solid rgba(242,231,207,.18)}
.desk-side .cl-track{height:44px}
.desk-side .cl-name{color:var(--deskt);font-size:15px}
.desk-side .cl-ticks span{color:var(--deskt2);font-size:14px}
.desk-side .mk{width:var(--mk,19px);height:var(--mk,19px);margin:calc(var(--mk,19px) / -2) 0 0 calc(var(--mk,19px) / -2);border-color:rgba(0,0,0,.6)}
.desk-side .cl-detail{color:#fff;font-size:18px}
.desk-side .cl-legend{color:var(--deskt)}

.mk-o,.cl-legend .mk-o{background:radial-gradient(circle,#2b1a10 34%,#d5ad45 38%)}
.mk-t,.cl-legend .mk-t{background:#8f8572;transform:scale(.7)}

/* back of the card: best day */
.bd-kick{margin:0;font-style:italic;color:var(--ink2);font-size:17px}
.bd-title{font-family:var(--disp);font-weight:400;font-size:48px;line-height:1.05;margin:4px 0 4px;color:#1b140c;text-shadow:0 1px 0 rgba(255,255,255,.7)}
.bd-line{font-size:18px;margin:14px 0 10px}
.bd-moment{font-size:18px;line-height:1.6;margin:12px 0;padding-left:16px;border-left:3px solid var(--gold)}
.bd-rec{font-size:16px;font-weight:700}
.bd-rule{font-size:15px;color:var(--ink2);margin-top:16px}
.chain{margin:14px 0 4px;font-size:17px}
.chain a{font-weight:700}

/* compare: a real head-to-head, full width */
.compare{grid-column:1/-1}
.cmp-head{font-size:21px;line-height:1.5;color:#fff;max-width:60em}
.cmp-grid{display:grid;grid-template-columns:1fr;gap:26px;align-items:start}
.cmp-grid .cmp-cards{grid-template-columns:repeat(2,minmax(0,560px));gap:26px}
.nw{white-space:nowrap}
.cmp-cards .card-mini .medals{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))}
.cmp-lines .cl-lane{grid-template-columns:150px 1fr;min-height:38px;border-bottom:1px solid rgba(242,231,207,.18)}
.cmp-lines .cl-track{height:38px}
.cmp-lines .cl-name,.cmp-lines .cl-ticks span{color:var(--deskt)}
.cmp-lines .cl-detail{color:#fff}
.cmp-who{font-family:var(--disp);font-size:22px;color:var(--goldt);margin:14px 0 2px}
.ledger{border-top:2px solid var(--goldt)}
.lg-row{display:grid;grid-template-columns:1fr minmax(220px,auto) 1fr;align-items:center;gap:14px;padding:7px 0;border-bottom:1px solid rgba(242,231,207,.18)}
.lg-head{font-family:var(--disp);font-size:20px;color:var(--goldt)}
.lg-a{text-align:right}
.lg-c{text-align:center;color:var(--deskt);border-left:1px solid rgba(226,194,110,.5);border-right:1px solid rgba(226,194,110,.5);padding:0 12px}
.lg-m{display:inline-flex;align-items:center;gap:8px;font-size:17px;color:#fff}
.lg-m::before{content:"";width:16px;height:16px;border-radius:50%;border:1.5px solid rgba(0,0,0,.5);background:#5b4a35}
.lg-w::before{background:radial-gradient(circle at 35% 30%,#fff2c0,#d5ad45 55%,#8e6c22)}
.lg-o::before{background:radial-gradient(circle,#2b1a10 34%,#d5ad45 38%)}
.lg-s::before{background:radial-gradient(circle at 35% 30%,#fff,#bfc4cb 55%,#7a8088)}
.lg-b::before{background:radial-gradient(circle at 35% 30%,#f6d0a8,#b6773f 55%,#6f421c)}
.lg-a .lg-m{flex-direction:row-reverse}

/* the trail */
.trail-slot{height:178px;margin-top:22px;border-top:1px solid rgba(242,231,207,.18);padding-top:10px}
.trail-slot>.trail-h{color:var(--deskt2);font-style:italic;font-size:16px;margin:0}
.trail.in-slot .trail-h{margin:0 0 8px;color:var(--deskt);font-size:16px}
.trail-fan{position:relative;height:130px}
.tcard{position:absolute;left:calc(var(--i) * 62px);bottom:0;width:132px;height:104px;padding:8px 9px;background:var(--cream) var(--grain);
  background-blend-mode:multiply;color:var(--ink);text-decoration:none;font-family:var(--disp);font-size:15px;line-height:1.15;box-shadow:0 6px 14px rgba(0,0,0,.5);
  transform:rotate(calc((var(--i) - (var(--n) - 1) / 2) * 2.5deg));transform-origin:50% 100%;transition:transform .15s;writing-mode:horizontal-tb}
.tcard span{display:block;margin-top:6px;width:56px}
.tcard:last-child span{width:auto}
.tcard:hover,.tcard:focus-visible{transform:translateY(-12px) rotate(0);z-index:5}
.tcard.cur{outline:2px solid var(--gold)}
/* mystery card */
.mcard .face{background:repeating-linear-gradient(45deg,rgba(19,33,74,.05) 0 6px,transparent 6px 12px)}
.clues{font-size:18px;line-height:1.5;padding-left:22px}
.clues li{margin:8px 0}
.mystery .ta{padding:0;margin:10px 0;flex-direction:column;align-items:stretch;gap:4px}
.mystery .ta label{color:var(--ink);font-size:17px}
.mystery .ta-list{position:static;margin-top:6px;max-height:280px}
.m-res{font-style:italic;min-height:1.4em}
.m-btns{display:flex;gap:24px}
.mcard .ubtn,.slide .ubtn{color:var(--ink)}
.under .ubtn{color:var(--deskt)}

@media (max-width:1300px){
  .cmp-grid{grid-template-columns:1fr}
}
@media (max-width:1000px){
}
@media (max-width:640px){
  .desk-side .cl-lane{grid-template-columns:96px 1fr}
  .desk-side .cl-name{font-size:13px}
  .desk-side .cl{--mk:9px!important}
  .bd-title{font-size:38px}
  .lg-row{grid-template-columns:1fr 1fr;gap:4px 10px}
  .lg-c{grid-column:1/-1;grid-row:1;text-align:left;border:0;padding:0}
  .lg-a{text-align:left}.lg-a .lg-m{flex-direction:row}
  .lg-head{display:none}
  .trail-slot{display:none}
  .trail{position:fixed;left:0;right:0;bottom:0;z-index:40;background:linear-gradient(0deg,rgba(16,10,6,.97),rgba(16,10,6,.88));padding:6px 10px 8px}
  .trail .trail-h{margin:0 0 2px;color:var(--deskt);font-size:13px}
  .trail-fan{height:62px}
  .tcard{width:96px;height:54px;font-size:13px;left:calc(var(--i) * 50px);padding:5px 7px}
  .tcard span{margin-top:2px;width:42px}
  body:has(.trail) .pfoot{padding-bottom:110px}
}
@media (max-width:640px){ .cmp-grid .cmp-cards{grid-template-columns:1fr 1fr;gap:10px} }