:root{
  --felt:#F3EADB; --felt-2:#EADDC7; --card:#FFF8EC; --wood:#DCC9AB; --wood-d:#B89B74; --ink:#2B2118; --muted:#7A6249; --line:#E2D2B8;
  --gold:#F2C14E; --gold-d:#C9922B; --red:#D9534F; --green:#5E9C59; --blue:#4F7FB8;
  --serif:"Fraunces",Georgia,"Times New Roman",serif; --sans:"Nunito Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --lift:0 1px 0 rgba(0,0,0,.08),0 10px 22px -12px rgba(70,45,20,.45);
  color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--felt);color:var(--ink);font:400 17px/1.6 var(--sans)}
a{color:var(--ink);text-decoration-color:var(--gold-d);text-decoration-thickness:2px;text-underline-offset:3px}
a:hover{color:#8A4B1F}
img{max-width:100%;display:block}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-999px}
.skip:focus{left:12px;top:12px;background:var(--gold);color:var(--ink);padding:8px 12px;z-index:9}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
::selection{background:var(--gold)}

/* header */
.top{background:var(--card);border-bottom:1px solid var(--line);box-shadow:0 2px 0 var(--felt-2)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:12px 22px;min-height:70px;padding-top:10px;padding-bottom:10px;flex-wrap:wrap}
.brand{display:inline-flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none}
.brand:hover{color:var(--ink)}
.brand-seal{flex:0 0 auto;width:54px;height:54px;display:block}
.brand-seal svg,.brand-seal img{width:100%;height:100%;display:block}
.brand-text{display:flex;flex-direction:column;line-height:1;border-left:1px solid var(--wood);padding-left:12px}
.brand-the{font:800 11px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:#9A6B2A;margin:0 0 4px 1px}
.brand-main{font:800 28px/1 var(--serif);letter-spacing:-.015em;color:#1F1A17}
.bar nav{display:flex;gap:6px 22px;flex-wrap:wrap}
.bar nav a{text-decoration:none;font-weight:800;font-size:15.5px}
.bar nav a:hover{text-decoration:underline}
.crumbs{font-size:14px;color:var(--muted);padding:18px 0 0}
.crumbs a{color:var(--muted)}
h1,h2,h3{font-family:var(--serif);font-weight:800;letter-spacing:-.01em;line-height:1.08;color:var(--ink)}
.lede{font-size:19px;color:var(--muted);margin:0;max-width:62ch}
.head{padding:22px 0 8px;max-width:780px}
.head h1{font-size:clamp(36px,5vw,56px);margin:0 0 12px}

/* home hero */
.hero{padding:40px 0 6px;max-width:880px}
.kicker{display:inline-block;font:800 13px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#8A4B1F;
  background:var(--card);border:1px solid var(--line);border-radius:99px;padding:8px 14px;margin:0 0 18px}
.hero h1{font-size:clamp(40px,6.4vw,78px);line-height:1.02;margin:0 0 20px}
.hero h1 .hl{background:linear-gradient(transparent 62%,rgba(242,193,78,.75) 62%,rgba(242,193,78,.75) 92%,transparent 92%);padding:0 .06em}
.hero .lede{font-size:19.5px;max-width:58ch}

/* the age picker: four wooden tiles */
.shelf{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:30px 0 4px;margin:0 0 22px}
.spine{appearance:none;border:0;cursor:pointer;font:inherit;text-decoration:none;position:relative;overflow:hidden;
  display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:12px;
  background:var(--c);color:var(--i);padding:14px 16px 12px;min-height:132px;border-radius:14px;
  box-shadow:inset 0 -6px 0 rgba(0,0,0,.14),inset 0 2px 0 rgba(255,255,255,.35),var(--lift);transition:transform .15s ease}
.spine::before{content:"";position:absolute;inset:0;opacity:.13;pointer-events:none;
  background:repeating-linear-gradient(100deg,transparent 0 9px,rgba(0,0,0,.5) 9px 10px,transparent 10px 23px)}
.spine .lbl{position:relative;font:800 15px/1.2 var(--sans)}
.spine .num{position:relative;font:800 clamp(38px,5vw,62px)/.9 var(--serif);align-self:flex-end}
.spine:hover{transform:translateY(-3px);color:var(--i)}
.spine[aria-pressed="true"],.spine[aria-current="page"]{transform:translateY(-4px);outline:4px solid var(--ink);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.spine,.btn,.more a,.more button,.game .cover{transition:none}}

/* kinds of game: pills */
.topics{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.topic{appearance:none;font:inherit;font-size:15px;font-weight:700;border:1px solid var(--wood);background:var(--card);color:var(--ink);
  border-radius:99px;padding:7px 15px;cursor:pointer;text-decoration:none}
.topic span{color:var(--muted);margin-left:7px;font-size:13px}
.topic:hover{border-color:var(--wood-d)}
.topic[aria-pressed="true"],.topic[aria-current="page"]{background:var(--ink);border-color:var(--ink);color:var(--card)}
.topic[aria-pressed="true"] span,.topic[aria-current="page"] span{color:var(--wood)}

/* finder bar: count + winners / shortlisted switch */
.finder-bar{display:flex;justify-content:space-between;align-items:center;gap:12px 20px;flex-wrap:wrap;margin:6px 0 24px;
  padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.count{color:var(--muted);margin:0 0 12px}
.finder-bar .count{margin:0;font-weight:700}
.show{display:inline-flex;background:var(--felt-2);border-radius:99px;padding:4px;gap:2px}
.show button{appearance:none;font:800 14.5px/1 var(--sans);color:var(--ink);background:transparent;border:0;border-radius:99px;
  padding:9px 14px;cursor:pointer;display:inline-flex;align-items:center;gap:7px}
.show button small{font-size:12.5px;font-weight:600;opacity:.7}
.show button[aria-pressed="true"]{background:var(--card);box-shadow:0 1px 3px rgba(0,0,0,.15)}
.show .dot{width:11px;height:11px;display:inline-block;border-radius:50%}
.show .dot.win{background:var(--gold);box-shadow:0 0 0 2px var(--gold-d)}
.show .dot.nom{background:var(--card);box-shadow:0 0 0 2px var(--wood-d)}

/* game grid: every game a box lid */
.games{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:36px 26px;margin:0 0 30px}
.game{text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:2px}
.game .cover{position:relative;aspect-ratio:1;margin:0 0 12px;border-radius:7px;transition:transform .15s ease;
  box-shadow:0 1px 0 rgba(0,0,0,.12),5px 7px 0 -1px var(--wood),5px 7px 0 0 rgba(0,0,0,.14),0 16px 24px -12px rgba(60,40,20,.5)}
.game .cover img{width:100%;height:100%;object-fit:cover;border-radius:7px}
.game:hover{color:var(--ink)}
.game:hover .cover{transform:translateY(-4px) rotate(-.6deg)}
.game:hover .t{text-decoration:underline;text-decoration-color:var(--gold-d)}
.game .t{font:700 17.5px/1.25 var(--serif);margin-top:4px}
.game .a{font-size:14.5px;color:var(--muted)}
.game .w{font-size:13px;color:var(--muted);line-height:1.35}
.chips{display:flex;flex-wrap:wrap;gap:5px}
.chip{font-size:12.5px;font-weight:800;line-height:1;background:var(--card);border:1px solid var(--line);border-radius:99px;padding:5px 9px 5px 8px;
  display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.chip::before{content:"";width:12px;height:12px;background:var(--muted);-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}
.chip.pl{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a4 4 0 0 1 2.4 7.2c3.3.7 7.6 2.3 7.6 4.4 0 1.4-2 1.9-4.2 1.9l2.9 6.5h-6l-2.7-4.6-2.7 4.6h-6l2.9-6.5C4 15.5 2 15 2 13.6c0-2.1 4.3-3.7 7.6-4.4A4 4 0 0 1 12 2z'/%3E%3C/svg%3E")}
.chip.tm{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 1h6v2H9zM12 4a9 9 0 1 1 0 18 9 9 0 0 1 0-18zm-1 4v6l5 3 1-1.7-4-2.4V8z'/%3E%3C/svg%3E")}
.chip.ag{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='7' r='5'/%3E%3Cpath d='M3 22c0-5 4-8 9-8s9 3 9 8z'/%3E%3C/svg%3E")}

/* the box lid */
.card-cover{position:absolute;inset:0;background:var(--c);color:var(--i);padding:16px;overflow:hidden;border-radius:7px;
  display:flex;flex-direction:column;justify-content:flex-end;gap:6px;text-align:left;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.12),inset 0 -10px 18px -12px rgba(0,0,0,.35)}
.card-cover::before{content:"";position:absolute;inset:0;background-image:var(--pat);background-size:var(--ps,64px);opacity:.2;pointer-events:none}
.card-cover::after{content:"";position:absolute;left:12px;right:12px;top:12px;bottom:12px;border:1.5px solid currentColor;border-radius:4px;opacity:.28;pointer-events:none}
.card-cover b{position:relative;font:800 clamp(22px,2.4vw,30px)/1 var(--serif);letter-spacing:-.015em;text-wrap:balance;overflow-wrap:anywhere}
.card-cover.long b{font-size:clamp(18px,1.9vw,23px)}
.card-cover i{position:relative;font-style:normal;font-size:12px;font-weight:600;opacity:.85;line-height:1.3}
.p0{--pat:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cg fill='white'%3E%3Ccircle cx='8' cy='8' r='3.5'/%3E%3Ccircle cx='24' cy='24' r='3.5'/%3E%3Ccircle cx='40' cy='40' r='3.5'/%3E%3Ccircle cx='40' cy='8' r='3.5'/%3E%3Ccircle cx='8' cy='40' r='3.5'/%3E%3C/g%3E%3C/svg%3E");--ps:48px}
.p1{--pat:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97'%3E%3Cpath d='M28 0l28 16v32L28 64 0 48V16zM28 64v33M0 97V80M56 97V80' fill='none' stroke='white' stroke-width='3'/%3E%3C/svg%3E");--ps:56px 97px}
.p2{--pat:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath fill='white' d='M18 6a5 5 0 0 1 3 9c4 1 9 3 9 5.5 0 1.7-2.4 2.3-5 2.3l3.4 7.2h-7l-3.4-5.4-3.4 5.4h-7l3.4-7.2c-2.6 0-5-.6-5-2.3C6 18 11 16 15 15a5 5 0 0 1 3-9zM48 36a4 4 0 0 1 2.4 7.2c3.2.8 7.6 2.4 7.6 4.4 0 1.4-2 1.8-4 1.8l2.7 5.6h-5.6L48.4 50.6 45.6 55H40l2.7-5.6c-2 0-4-.4-4-1.8 0-2 4.4-3.6 7.6-4.4A4 4 0 0 1 48 36z'/%3E%3C/svg%3E");--ps:60px}
.p3{--pat:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cg stroke='white' stroke-width='3' fill='none'%3E%3Cpath d='M-5 25L25 -5M15 45L45 15M0 40L40 0'/%3E%3Cpath d='M10 10l6 6M20 20l6 6M30 30l6 6M0 20l6 6M24 -4l6 6' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");--ps:40px}
.p4{--pat:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='70'%3E%3Cg fill='none' stroke='white' stroke-width='3'%3E%3Ccircle cx='18' cy='18' r='12'/%3E%3Ccircle cx='18' cy='18' r='5'/%3E%3Ccircle cx='53' cy='53' r='12'/%3E%3Ccircle cx='53' cy='53' r='5'/%3E%3C/g%3E%3C/svg%3E");--ps:70px}
.p5{--pat:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72'%3E%3Cg fill='none' stroke='white' stroke-width='3'%3E%3Crect x='8' y='10' width='20' height='28' rx='3' transform='rotate(-12 18 24)'/%3E%3Crect x='42' y='36' width='20' height='28' rx='3' transform='rotate(14 52 50)'/%3E%3C/g%3E%3C/svg%3E");--ps:72px}

/* seals: a gold coin for winners, a cream token for the shortlist */
.seal{position:absolute;right:10px;top:10px;width:62px;height:62px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;line-height:1;z-index:1;font-family:var(--sans);color:var(--ink);transform:rotate(8deg);
  box-shadow:0 3px 6px rgba(0,0,0,.25)}
.seal b{font-weight:800;font-size:8.5px;letter-spacing:.12em;text-transform:uppercase}
.seal i{font:800 15px/1.05 var(--serif);font-style:normal}
.seal.win{background:radial-gradient(circle at 35% 30%,#FBE08A,var(--gold) 55%,var(--gold-d));box-shadow:inset 0 0 0 3px rgba(120,80,10,.55),inset 0 0 0 5px #FBE08A,0 3px 6px rgba(0,0,0,.25)}
.seal.nom,.seal.top{background:var(--card);box-shadow:inset 0 0 0 2px var(--wood-d),inset 0 0 0 4px var(--card),inset 0 0 0 5px var(--wood),0 3px 6px rgba(0,0,0,.2)}
.seal.top b{font-size:9.5px}

.more{margin:0 0 40px}
.more a,.more button,.btn{display:inline-block;font:800 16px/1.2 var(--sans);text-decoration:none;cursor:pointer;
  border:0;color:var(--ink);background:var(--card);padding:13px 24px;border-radius:12px;
  box-shadow:inset 0 0 0 1px var(--wood),0 4px 0 var(--wood);transition:transform .12s ease,box-shadow .12s ease}
.btn.primary{background:var(--gold);box-shadow:0 4px 0 var(--gold-d)}
.more a:hover,.more button:hover,.btn:hover{color:var(--ink);transform:translateY(-2px)}
.btn.primary:hover{box-shadow:0 6px 0 var(--gold-d)}
.more a:active,.more button:active,.btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--wood-d)}
.ways{border-top:1px solid var(--line);padding:24px 0 30px;max-width:780px}
.ways h2{font-size:30px;margin:0 0 8px}
.gift-row{margin:24px 0 0;max-width:900px}
.gift-row>span{display:block;font-weight:800;margin:0 0 10px}
@media (max-width:720px){.gift-row .pills{flex-wrap:nowrap;overflow-x:auto;margin:0 -20px;padding:2px 20px 8px;scrollbar-width:none}.gift-row .pills a{flex:0 0 auto}}

/* game page */
.title-page{display:grid;grid-template-columns:minmax(220px,360px) 1fr;gap:52px;padding:30px 0 34px;align-items:start}
.big-cover{position:relative;aspect-ratio:1;border-radius:9px;
  box-shadow:0 1px 0 rgba(0,0,0,.12),9px 12px 0 -1px var(--wood),9px 12px 0 0 rgba(0,0,0,.14),0 26px 36px -16px rgba(60,40,20,.55)}
.big-cover img{width:100%;height:100%;object-fit:cover;border-radius:9px}
.big-cover .card-cover{padding:26px;border-radius:9px}
.big-cover .card-cover::after{left:16px;right:16px;top:16px;bottom:16px}
.big-cover .card-cover b{font-size:clamp(32px,4vw,46px)}
.big-cover .card-cover i{font-size:14px}
.big-cover .seal{width:96px;height:96px;right:18px;top:18px}
.big-cover .seal b{font-size:11px}.big-cover .seal i{font-size:23px}
.about h1{font-size:clamp(38px,5vw,60px);margin:0 0 6px}
.by{font-size:18px;color:var(--muted);margin:0 0 18px}
.stats{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px}
.stat{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 16px;min-width:110px}
.stat span{display:block;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.stat b{font:800 21px/1.2 var(--serif)}
.also{font-size:15px;color:var(--muted);margin:-8px 0 20px}
.blurb{font-size:19px;line-height:1.65;margin:0 0 22px;max-width:62ch}
.nominee-note{background:var(--card);border:1px solid var(--line);border-left:5px solid var(--wood-d);border-radius:10px;padding:12px 16px;margin:0 0 22px;max-width:60ch;font-size:16px}
.picks{max-width:880px}
.guide-head .lede{max-width:66ch}
.tips,.glance{max-width:880px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 24px;margin:28px 0 10px}
.tips h2,.glance h2{font-size:26px;margin:0 0 10px}
.tips ul{margin:0;padding-left:20px}
.tips li{margin:6px 0;line-height:1.55}
.pick .best{display:inline-block;font-size:13px;font-weight:800;background:var(--felt-2);border-radius:99px;padding:3px 11px;margin:10px 0 10px}
.pick .chips{margin:0 0 4px}
.faq{max-width:880px;margin:44px 0 0}
.faq h2{font-size:32px;margin:0 0 12px}
.faq details{border-top:1px solid var(--line);padding:14px 0}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{font-weight:800;font-size:18px;cursor:pointer}
.faq details p{margin:10px 0 0;max-width:66ch;line-height:1.65;color:var(--muted)}
.closing{max-width:880px;margin:26px 0 0;color:var(--muted)}
.pick{display:grid;grid-template-columns:170px 1fr;gap:30px;padding:32px 0;border-top:1px solid var(--line)}
.pick:last-child{border-bottom:1px solid var(--line)}
.pick-cover{position:relative;display:block;aspect-ratio:1;border-radius:7px;box-shadow:4px 6px 0 -1px var(--wood),0 12px 20px -12px rgba(60,40,20,.5)}
.pick-cover .seal{transform:scale(.78) rotate(8deg);transform-origin:top right}
.head .lede+.lede{margin-top:12px}
.nw{white-space:nowrap}
.pick-cover img{width:100%;height:100%;object-fit:cover;border-radius:7px}
.pick-cover .card-cover b{font-size:22px}
.pick h2{font:800 24px/1.2 var(--serif);margin:0 0 4px}
.pick h2 a{text-decoration:none}
.pick h2 a:hover{text-decoration:underline}
.pick .by{font-size:16px;margin:0 0 10px}
.pick .why{font-size:17.5px;line-height:1.6;margin:0 0 8px;max-width:60ch}
.pick .won{font-size:14px;color:var(--muted);margin:0 0 14px}
.pick .buy{margin:0}
.other-guides{margin:48px 0 10px}
.other-guides h2{font-size:28px}
.other-guides ul{columns:2;column-gap:32px;padding:0;list-style:none}
.other-guides li{padding:5px 0;break-inside:avoid}
.guide-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px;margin:0 0 36px}
.guide-tile{display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:center;padding:14px;border-radius:14px;background:var(--card);border:1px solid var(--line);
  color:var(--ink);text-decoration:none;box-shadow:var(--lift)}
.guide-tile:hover{color:var(--ink);transform:translateY(-2px)}
.gt-cover{position:relative;display:block;width:72px;aspect-ratio:1}
.gt-cover img{width:72px;height:72px;object-fit:cover;border-radius:5px}
.gt-cover .card-cover{padding:6px;border-radius:5px}
.gt-cover .card-cover b{font-size:11px}.gt-cover .card-cover i,.gt-cover .card-cover::after{display:none}
.gt-text b{display:block;font:800 18px/1.25 var(--serif)}
.gt-text small{display:block;color:var(--muted);font-size:14px;margin-top:4px}
h2.sec{font-size:clamp(28px,3.4vw,38px);margin:34px 0 16px}
.guides-strip{margin:44px 0 0;padding:28px 0 0;border-top:1px solid var(--line)}
.guides-strip h2{font-size:34px;margin:0 0 4px}
.guides-strip p{color:var(--muted);margin:0 0 14px}
.pills{display:flex;flex-wrap:wrap;gap:8px}
.pills a{padding:8px 15px;border:1px solid var(--wood);background:var(--card);border-radius:99px;text-decoration:none;font-weight:800;font-size:15px}
.pills a:hover{border-color:var(--wood-d)}
.guide-links{margin:6px 0 18px;font-size:15px}
.guide-links a{margin-right:10px;font-weight:800}
.honours{list-style:none;padding:0;margin:0 0 22px}
.honours li{padding:9px 0;border-top:1px solid var(--line);font-weight:700;display:flex;gap:10px;align-items:baseline}
.honours li:last-child{border-bottom:1px solid var(--line)}
.honours a{text-decoration:none}
.honours a:hover{text-decoration:underline}
.tag{flex:0 0 auto;font:800 11px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;padding:5px 9px;border-radius:99px}
.tag.win{background:var(--gold);color:var(--ink)}
.tag.nom,.tag.top{background:var(--card);box-shadow:inset 0 0 0 1px var(--wood-d)}
.facts{display:grid;grid-template-columns:max-content 1fr;gap:6px 18px;margin:0 0 24px}
.facts dt{color:var(--muted)}
.facts dd{margin:0}
.buy{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 12px}
.note{font-size:14px;color:var(--muted);margin:0 0 6px;max-width:60ch}
.next{border-top:1px solid var(--line);padding:26px 0 0}
.next h2{font-size:30px;margin:0 0 22px}

/* hubs and awards */
.hubs{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin:12px 0 44px}
.hubs a{display:block;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px;text-decoration:none;box-shadow:var(--lift)}
.hubs a:hover{color:var(--ink);transform:translateY(-2px)}
.hubs b{display:block;font:800 19px/1.25 var(--serif);margin:0 0 4px}
.hubs small{color:var(--muted);font-size:14.5px;line-height:1.45;display:block}
.years{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:4px 48px;margin:10px 0 40px;align-items:start}
.year{padding:0 0 14px;scroll-margin-top:64px}
.year h2{font-size:28px;margin:12px 0 6px;border-bottom:1px solid var(--line);padding-bottom:4px}
.year ul{list-style:none;padding:0;margin:0}
.year li{padding:4px 0;font-size:15.5px}
.year li a{font-weight:800}
.year li span{color:var(--muted)}
.year li em{font:800 10.5px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;font-style:normal;padding:4px 8px;border-radius:99px;white-space:nowrap;vertical-align:2px;box-shadow:inset 0 0 0 1px var(--wood-d)}
.year li.r0 em{background:var(--gold);box-shadow:none}
.prose{max-width:68ch;padding:0 0 40px}
.prose h2{font-size:30px;margin:30px 0 8px}
.foot{background:var(--ink);color:#CDBBA2;margin-top:40px;padding:28px 0 44px;font-size:14.5px}
.foot p{max-width:90ch}
.foot a{color:var(--card);margin-right:14px}

@media (max-width:720px){
  body{font-size:16px}
  .shelf{gap:10px}
  .spine{padding:11px 12px 10px;min-height:108px}
  .spine .lbl{font-size:13.5px}
  .finder .topics{flex-wrap:nowrap;overflow-x:auto;margin:0 -20px 16px;padding:2px 20px 8px;scrollbar-width:none}
  .finder .topics .topic{flex:0 0 auto}
  .years{grid-template-columns:1fr}
  .games{grid-template-columns:repeat(2,1fr);gap:30px 18px}
  .card-cover{padding:12px}
  .card-cover::after{left:8px;right:8px;top:8px;bottom:8px}
  .card-cover b{font-size:21px}.card-cover.long b{font-size:17px}
  .card-cover i{display:none}
  .seal{width:50px;height:50px;right:7px;top:7px}.seal b{font-size:7px}.seal i{font-size:13px}
  .title-page{grid-template-columns:1fr;gap:30px}
  .big-cover{max-width:320px}
  .pick{grid-template-columns:110px 1fr;gap:18px}
  .pick-cover .seal{transform:scale(.6) rotate(8deg)}
  .pick-cover .card-cover b{font-size:16px}
  .pick .buy .btn{padding:9px 14px;font-size:15px}
  .pick h2{font-size:21px}
  .other-guides ul{columns:1}
  .show button{padding:8px 10px;font-size:13.5px}
}
@media (max-width:560px){
  .shelf{grid-template-columns:repeat(2,1fr)}
  .hero .lede{font-size:17px}
}

.award-head .lede{max-width:68ch}
.upcoming{margin:16px 0 0;padding:10px 14px;background:var(--card);border:1px solid var(--line);border-radius:10px;max-width:68ch}
.glance dl{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px 28px}
.glance dt{font-weight:800;font-size:15px}
.glance dd{margin:2px 0 0;line-height:1.5;color:var(--muted)}
.glance .count-line{margin:16px 0 0;font-size:15px}
.glance .actions{margin:14px 0 0}
.starters{list-style:none;padding:0;margin:0;max-width:980px;display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:0 40px}
.starter{display:grid;grid-template-columns:88px 1fr;gap:18px;padding:18px 0;border-top:1px solid var(--line)}
.starter-cover{position:relative;display:block;aspect-ratio:1;text-decoration:none;border-radius:6px;box-shadow:3px 4px 0 -1px var(--wood)}
.starter-cover img{width:100%;height:100%;object-fit:cover;border-radius:6px}
.starter-cover .card-cover{padding:8px;border-radius:6px}
.starter-cover .card-cover b{font-size:13px}
.starter-cover .card-cover i,.starter-cover .card-cover::after{display:none}
.starter h3{font:800 19px/1.25 var(--serif);margin:0 0 2px}
.starter h3 a{text-decoration:none}
.starter h3 a:hover{text-decoration:underline}
.starter .by{margin:0 0 6px;font-size:14.5px}
.starter .by span{white-space:nowrap}
.starter .why{margin:0 0 6px;line-height:1.55}
.starter .for{margin:0;font-size:13.5px;color:var(--green)}
.decades{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 14px;position:sticky;top:0;background:var(--felt);padding:9px 0;z-index:2}
.decades a{border:1px solid var(--wood);background:var(--card);border-radius:99px;padding:3px 12px;font-size:14px;font-weight:800;text-decoration:none}
.decades a:hover{border-color:var(--wood-d)}
.checklist-tools{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;margin:18px 0 0}
.checklist{border-collapse:collapse;width:100%;max-width:980px;margin:24px 0 40px;font-size:15px;background:var(--card)}
.checklist th{text-align:left;font-size:13px;color:var(--muted);border-bottom:2px solid var(--ink);padding:6px 8px}
.checklist td{border-bottom:1px solid var(--line);padding:6px 8px;vertical-align:top}
.checklist td.box{width:18px}
.checklist td.box::before{content:"";display:block;width:15px;height:15px;border:2px solid var(--ink);border-radius:3px;margin-top:3px}
.checklist tr.r0 td:last-child{font-weight:800}
.checklist.winners-only tbody tr:not(.r0){display:none}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.print-foot{display:none}
.up-award{margin:30px 0 0}
.up-award h2{font-size:28px;margin:0 0 14px}
.other-awards{max-width:760px;margin:36px 0 0}
.other-awards h2{font-size:28px;margin:0 0 8px}
@media (max-width:560px){.starters{grid-template-columns:1fr}.checklist td:nth-child(4),.checklist th:nth-child(4){display:none}}
@media print{
  header,footer,.crumbs,.checklist-tools,.skip{display:none !important}
  body{background:#fff;color:#000}
  .checklist{font-size:10.5pt;margin:8px 0}
  .checklist td{padding:3px 6px;border-bottom-color:#bbb}
  .checklist tr{break-inside:avoid}
  .checklist-head h1{font-size:22pt;margin:0}
  .checklist-head .lede{font-size:10pt;color:#000}
  .print-foot{display:block;font-size:9pt;color:#555}
}

.honours.small{font-size:14.5px;margin:6px 0 10px}
.honours.small li{padding:5px 0}
.az{columns:4 220px;column-gap:36px;margin:10px 0 40px}
.letter{break-inside:avoid;margin:0 0 20px}
.letter h2{font-size:28px;margin:0 0 4px;border-bottom:1px solid var(--line)}
.letter ul{list-style:none;padding:0;margin:0}
.letter li{padding:2px 0;font-size:15.5px}
.letter li a{font-weight:800}
.letter li span{color:var(--muted);font-size:13px}
.by a{color:inherit}