/* The illustrator zine: two inks (blue and fluorescent pink) on warm paper, halftone dots, misprinted headings, offset shadows. */
:root{--paper:#f2eee4;--paper2:#e9e3d5;--blue:#1d3f8f;--pink:#ff4fa3;--pinkt:#ff4fa38c;--bluet:#1d3f8f26;--ink:#1d3f8f;--pad:14px}
*{box-sizing:border-box;margin:0;padding:0}
img{display:block;max-width:100%;height:auto}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
html{background:var(--paper);-webkit-text-size-adjust:100%}
body{background:var(--paper);color:var(--blue);font:15px/1.5 'Work Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased;position:relative;overflow-x:hidden;
  background-image:radial-gradient(#00000010 .8px,transparent 1px);background-size:4px 4px}
body:before{content:'';position:fixed;inset:0;pointer-events:none;mix-blend-mode:multiply;opacity:.3;z-index:100;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 .3 0 0 0 0 .25 0 0 0 0 .2 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}
.mono{font-family:'DM Mono',monospace}
.wrap{max-width:1180px;margin:0 auto;padding:0 var(--pad)}
.skip,.vh{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.skip:focus{left:10px;top:10px;width:auto;height:auto;background:var(--blue);color:var(--paper);padding:8px 12px;z-index:200}
:focus-visible{outline:3px solid var(--pink);outline-offset:2px}

/* header */
.top{position:relative;z-index:20}
.topin{display:flex;align-items:center;gap:8px;padding-top:14px;padding-bottom:10px}
.logo{position:relative;display:block;font:400 15px/1 'Rubik Mono One',sans-serif;color:var(--blue);margin-right:auto;letter-spacing:-.02em}
.logo b{position:absolute;left:3px;top:2px;color:var(--pink);mix-blend-mode:multiply;font-weight:400}
.logo span{position:relative}
.logo i{display:block;font:500 9.5px 'DM Mono',monospace;letter-spacing:.14em;color:var(--blue);font-style:normal;margin-top:4px}
.nav{display:none}
.ic{width:42px;height:42px;display:grid;place-items:center;border:2.5px solid var(--blue);border-radius:50%;color:var(--blue);flex:none}
.ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
.menu-btn{background:var(--pink);border-color:var(--pink);color:var(--paper)}
body.menu-open .nav{display:flex;position:absolute;left:var(--pad);right:var(--pad);top:70px;flex-direction:column;background:var(--paper);border:3px solid var(--blue);box-shadow:6px 6px 0 var(--pink);padding:8px 16px;z-index:30}
body.menu-open .nav a{font:400 16px 'Rubik Mono One';padding:12px 0;border-bottom:2px dashed var(--bluet)}
body.menu-open .nav a:last-child{border:0}
@media(min-width:900px){
  .nav{display:flex;gap:26px;margin-right:12px}
  .nav a{font:600 14px 'Work Sans';padding:6px 0;border-bottom:3px solid transparent}
  .nav a:hover,.nav a[aria-current]{border-color:var(--pink)}
  .menu-btn{display:none}
  .logo{font-size:17px}
}

/* cover: the zine's front page */
.cover{position:relative;margin:4px 0 0;padding:18px 16px 22px;isolation:isolate}
.cover:before{content:'';position:absolute;inset:0;z-index:-2;background:radial-gradient(var(--pink) 36%,transparent 40%) 0 0/8px 8px}
.cover:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(170deg,#f2eee4d9 10%,#f2eee470 55%,#f2eee4b8)}
.cover.plain:before{opacity:.45}
.staple{position:absolute;top:-7px;width:3px;height:24px;background:linear-gradient(90deg,#8a8a8a,#d0d0d0,#8a8a8a);border-radius:2px;z-index:3}
.staple.s1{left:28%}.staple.s2{left:72%}
.kick{font:500 11px 'DM Mono',monospace;letter-spacing:.12em;text-transform:uppercase;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.kick b{background:var(--blue);color:var(--paper);padding:2px 7px;font-weight:500}
h1{font:400 clamp(28px,8.4vw,33px)/1.04 'Rubik Mono One',sans-serif;letter-spacing:-.04em;margin:14px 0 0;text-shadow:3px 2px 0 var(--pinkt);overflow-wrap:break-word}
h1 small,.h1s{display:block;font:400 17px/1.15 'Rubik Mono One',sans-serif;letter-spacing:-.02em;margin-top:10px;text-shadow:2px 2px 0 var(--pinkt)}
.lede{margin-top:16px;font-weight:500;font-size:15px;max-width:560px}
.lede mark{background:var(--pinkt);color:inherit;padding:0 2px}
.cfan{position:relative}
.fan{position:relative;height:calc(var(--w) * 1.62);margin:34px -6px 0;--w:min(118px,29vw)}
.fan img{position:absolute;bottom:0;left:50%;width:var(--w);border-radius:6px;transform-origin:50% 100%;box-shadow:5px 5px 0 var(--blue);
  transform:translateX(calc(-50% + var(--w) * var(--x))) rotate(var(--r))}
.fan img:nth-child(even){box-shadow:5px 5px 0 var(--pink)}
.tag{position:absolute;right:4px;top:-22px;transform:rotate(6deg);background:var(--paper);border:2.5px solid var(--blue);padding:4px 8px;font:500 10.5px/1.25 'DM Mono',monospace;z-index:9;max-width:150px}
.tag b{display:block;font:400 11px 'Rubik Mono One'}
.tag.sprite{display:flex;align-items:center;gap:6px;padding:2px 8px 2px 2px}
.tag.sprite img{width:52px;height:52px;image-rendering:pixelated}
.bigsearch{margin:20px 2px 0;display:flex;align-items:center;gap:10px;width:calc(100% - 4px);max-width:560px;background:var(--paper);border:3px solid var(--blue);padding:12px 14px;font-weight:600;font-size:15px;box-shadow:5px 5px 0 var(--pink);text-align:left}
.bigsearch svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;flex:none}
.bigsearch span{opacity:.65}
@media(min-width:760px){
  .cover{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;align-items:end;padding:30px 34px 34px}
  .cover.nofan{display:block}
  h1{font-size:clamp(34px,4.2vw,50px)}
  h1 small,.h1s{font-size:clamp(18px,2vw,24px)}
  .fan{--w:min(150px,13vw);margin:10px 0 6px}
  .cfan .tag{right:0;top:-10px}
}

/* numbers */
.nums{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0 0}
.nums div{border:2.5px solid var(--blue);padding:8px 10px;transform:rotate(-.8deg);background:var(--paper)}
.nums div:nth-child(2),.nums div:nth-child(3){border-color:var(--pink);color:var(--pink);transform:rotate(1deg)}
.nums b{display:block;font:400 25px/1.1 'Rubik Mono One';white-space:nowrap}.nums b.long{font-size:20px;line-height:1.35}
.nums span{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.nums.three{grid-template-columns:repeat(3,1fr)}.nums.three b{font-size:21px}
@media(min-width:760px){.nums{grid-template-columns:repeat(4,1fr);gap:16px}.nums.three{grid-template-columns:repeat(3,1fr)}.nums b,.nums.three b{font-size:30px}}

/* sections */
h2{font:400 21px/1.15 'Rubik Mono One';letter-spacing:-.03em;margin:38px 0 4px;text-shadow:2px 2px 0 var(--pinkt);scroll-margin-top:12px}
h2 .n{font:500 13px 'DM Mono',monospace;color:var(--pink);text-shadow:none;margin-left:8px;letter-spacing:0}
h3{font:400 15px 'Rubik Mono One'}
.sub{margin:0 0 14px;font-size:13px;font-weight:500;opacity:.85}
.label{font:500 10.5px 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase;margin:18px 0 8px;opacity:.75}
.chips{display:flex;gap:8px;padding:2px 2px 6px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.chips::-webkit-scrollbar{display:none}
.chips>*{flex:none;border:2px solid var(--blue);padding:6px 11px;font:600 12.5px 'Work Sans';border-radius:2px;background:var(--paper)}
.chips .on,.chips [aria-pressed=true]{background:var(--blue);color:var(--paper)}
.chips .p{border-color:var(--pink);color:var(--pink)}.chips .p.on,.chips .p[aria-pressed=true]{background:var(--pink);color:var(--paper)}
.chips.wrapit{flex-wrap:wrap;white-space:normal}
.chips a:hover{background:var(--bluet)}
.chips.switch{gap:6px}
.chips.switch [data-lang="all"]{margin-left:10px}
.chips .hide{display:none}
.more{display:block;margin:18px 0 0;border:2.5px solid var(--blue);padding:11px;text-align:center;font:400 12px 'Rubik Mono One';box-shadow:4px 4px 0 var(--pink);max-width:560px}
.more:hover{background:var(--bluet)}

/* card grid */
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px;padding:4px 0 6px}
.c{min-width:0}
.c img,.nopic{border-radius:5px;box-shadow:4px 4px 0 var(--blue);width:100%;aspect-ratio:240/335;background:var(--paper2)}
.c:nth-child(3n+2) img{box-shadow:4px 4px 0 var(--pink)}
.c:nth-child(odd){transform:rotate(-1deg)}.c:nth-child(even){transform:rotate(.8deg)}
.c .zoom{display:block;width:100%}
.c .zoom:hover img{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--blue)}
.nopic{display:grid;place-items:center;text-align:center;font-size:11px;font-weight:600;padding:10px;border:2px dashed var(--blue);box-shadow:none}
.c b{display:block;margin-top:10px;font-weight:800;font-size:13px;line-height:1.25}
.c span{display:block;font-size:11px;font-weight:500;margin-top:2px}
.r{font:600 10px 'DM Mono',monospace;font-style:normal;background:var(--pink);color:var(--paper);padding:1px 5px;margin-right:5px;white-space:nowrap}
.lang{font:500 10px 'DM Mono',monospace;font-style:normal;border:1.5px solid currentColor;padding:0 4px;margin-left:4px}
.tile{display:block}
.tile:hover b{text-decoration:underline;text-decoration-color:var(--pink);text-decoration-thickness:3px}
@media(min-width:600px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:900px){.grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:28px 22px}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(6,minmax(0,1fr))}}
.rs{content-visibility:auto;contain-intrinsic-size:auto 900px}

/* language filter */
body[data-lang=EN] [data-l=JA],body[data-lang=JA] [data-l=EN]{display:none!important}
.rs.empty,.jumps a.empty{display:none}

/* pictures or checklist */
.list-only{display:none}
body[data-view=list] .list-only{display:block}
body[data-view=list] .pics-only,body[data-view=list] .jumps,body[data-view=list] .jumps+*{display:none}
body[data-view=list] .jumps{display:none}
.cl{width:100%;border-collapse:collapse;font-size:12.5px;margin-top:8px}
.cl th{font:500 10px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em;text-align:left;padding:6px 4px;border-bottom:2.5px solid var(--blue)}
.cl td{padding:7px 4px;border-bottom:1.5px dashed var(--bluet);vertical-align:top}
.cl td.mono{font:500 11px 'DM Mono',monospace;padding-top:9px;white-space:nowrap}
.cl b{display:block;font-weight:800;font-size:13px;line-height:1.2}
.cl small{display:block;font-size:11px;font-weight:500;opacity:.85;margin-top:1px}
.cl small a{text-decoration:underline;text-decoration-color:var(--pink);text-decoration-thickness:2px}
.cl tr[data-pic]:not([data-pic=""]) td:nth-child(3){cursor:zoom-in}
.cl .dim{opacity:.6}
.box{display:block;width:20px;height:20px;border:2px solid var(--blue);position:relative;background:var(--paper)}
.box.on:after{content:'✓';position:absolute;left:1px;top:-10px;font:800 23px 'Work Sans';color:var(--pink)}
.have{display:flex;gap:10px;align-items:center;margin:14px 0 6px;font:400 12px 'Rubik Mono One'}
.have i{flex:1;height:14px;border:2px solid var(--blue);max-width:420px}.have u{display:block;height:100%;width:0;background:var(--pink)}
@media(min-width:760px){.cl{font-size:14px}.cl b{font-size:14px}}

/* download */
.dlrow{display:block;width:100%;max-width:560px;text-align:left;margin:20px 0 4px;background:var(--pink);color:var(--paper);font:400 14px 'Rubik Mono One';padding:13px 14px;box-shadow:5px 5px 0 var(--blue);transform:rotate(-1deg)}
.dlrow small{display:block;font:600 11.5px 'Work Sans';margin-top:4px}
.dlrow:hover{transform:rotate(-1deg) translate(-2px,-2px);box-shadow:7px 7px 0 var(--blue)}
.dlsheet{position:fixed;inset:0;z-index:60;background:#1d3f8fb3;display:flex;align-items:flex-end;justify-content:center;padding:12px}
.dlsheet[hidden]{display:none}
.dlbox{width:100%;max-width:480px;background:var(--paper);border:3px solid var(--blue);padding:18px 16px;box-shadow:6px 6px 0 var(--pink)}
.dlbox h3{font:400 18px 'Rubik Mono One'}.dlbox p{font-size:13px;margin:4px 0 10px}
.dlbox .opt{display:block;width:100%;text-align:left;border:2px solid var(--blue);padding:11px 12px;margin-top:8px;font-size:12px;font-weight:500}
.dlbox .opt:hover{background:var(--bluet)}
.dlbox .opt b{display:block;font-size:15px;font-weight:800}
.dlbox .x{display:block;margin:12px 0 0 auto;font:400 12px 'Rubik Mono One';color:var(--pink)}
.dlbox .busy{font:500 12px 'DM Mono',monospace;color:var(--pink);min-height:1em}
@media(min-width:760px){.dlsheet{align-items:center}}

/* boards: "in numbers" */
.boards{display:flex;gap:14px;padding:4px 10px 14px 0;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory}
.boards::-webkit-scrollbar{display:none}
.bd{flex:none;width:300px;border:2.5px solid var(--blue);padding:14px 14px 12px;background:var(--paper);position:relative;scroll-snap-align:start;margin:0 8px 8px 0}
.bd:before{content:'';position:absolute;inset:6px -8px -8px 6px;z-index:-1;background:radial-gradient(var(--pink) 36%,transparent 40%) 0 0/6px 6px}
.bd h3{font-size:13px;margin-bottom:10px}
.bar{display:grid;grid-template-columns:100px 1fr 34px;gap:8px;align-items:center;font-size:12px;font-weight:600;margin:6px 0}
.bar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bar i{height:13px;background:radial-gradient(var(--pink) 45%,transparent 50%) 0 0/4px 4px;border:1.5px solid var(--blue)}
.bar em{font:500 11px 'DM Mono',monospace;font-style:normal;text-align:right}
a.bar:hover span{text-decoration:underline}
.cols{display:flex;align-items:flex-end;gap:6px;height:126px;padding-top:6px}
.cols div{flex:1;text-align:center;font:500 9.5px/1.2 'DM Mono',monospace;min-width:0}
.cols i{display:block;background:var(--blue);margin-bottom:4px;box-shadow:3px 3px 0 var(--pink)}
.scrib{font:600 13px 'Work Sans';color:var(--pink);margin-top:10px;transform:rotate(-1.5deg)}
@media(min-width:900px){.boards{flex-wrap:wrap;overflow:visible}.bd{width:calc(33.33% - 14px)}}

/* prose */
.prose{font-size:14.5px;font-weight:500;max-width:680px}
.prose p+p{margin-top:10px}.prose b{font-weight:800}
.prose a{text-decoration:underline;text-decoration-color:var(--pink);text-decoration-thickness:2px}
.prose h3{margin:24px 0 6px;text-shadow:2px 2px 0 var(--pinkt)}
.prose.wide{margin-top:24px}

/* illustrator rows */
.row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-bottom:2px dashed var(--bluet)}
.row:hover b{color:var(--pink)}
.row .no{font:400 26px 'Rubik Mono One';color:var(--pink);min-width:44px;text-shadow:2px 2px 0 var(--bluet)}
.row b{display:block;font-weight:800;font-size:15px;line-height:1.2}.row .rt>span{font-size:12px;font-weight:500}
.row .th{display:flex}.row .th img{width:44px;border-radius:3px;box-shadow:2px 2px 0 var(--blue)}
.row .th img+img{margin-left:-18px;transform:rotate(6deg);box-shadow:2px 2px 0 var(--pink)}
.az .row{grid-template-columns:minmax(0,1fr) auto}
.letter{font:400 54px/1 'Rubik Mono One';margin:26px 0 0;color:var(--pink);text-shadow:4px 3px 0 var(--bluet);mix-blend-mode:multiply;scroll-margin-top:10px}
.az.flat .letter{display:none}
.letters{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 6px}
.letters>*{width:32px;text-align:center;padding:5px 0;font:400 12px 'Rubik Mono One';border:1.5px solid var(--blue)}
.letters a:hover{background:var(--pink);border-color:var(--pink);color:var(--paper)}
.letters span{opacity:.3}
.find input,.sbox input{width:100%;font:600 16px 'Work Sans';color:var(--blue);background:none;border:0;outline:0}
.find{margin:16px 0 4px;border:2.5px solid var(--blue);padding:10px 12px;max-width:420px;background:var(--paper)}
@media(min-width:900px){.az{columns:2;column-gap:40px}.az .row,.az .letter{break-inside:avoid}.rows{columns:2;column-gap:40px}.rows .row{break-inside:avoid}}

/* who drew it: one block per illustrator */
.grp{margin:22px 0 0;border-top:3px solid var(--blue);padding-top:10px}
.gh{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.gh b{font:400 15px/1.2 'Rubik Mono One'}
.gh b a{text-decoration:underline;text-decoration-color:var(--pink);text-decoration-thickness:3px}
.gh .gi{font-style:normal;color:var(--pink);margin-right:8px}
.gh>span{font:500 11px 'DM Mono',monospace;color:var(--pink);white-space:nowrap}
.strip{display:flex;gap:10px;margin-top:10px;overflow-x:auto;padding:0 6px 8px 0;scrollbar-width:thin}
.strip .zoom{flex:none;width:calc((100% - 30px) / 3.4)}
.strip img{border-radius:4px;box-shadow:3px 3px 0 var(--pink);aspect-ratio:240/335;background:var(--paper2)}
.strip .zoom:nth-child(even) img{box-shadow:3px 3px 0 var(--blue)}
.grp p{font-size:12px;font-weight:500;margin-top:4px}
@media(min-width:760px){.strip .zoom{width:118px}}

/* sets list */
.srow{display:grid;grid-template-columns:118px minmax(0,1fr);gap:16px;align-items:center;padding:16px 0;border-bottom:2px dashed var(--bluet)}
.sfan{position:relative;height:96px;display:block}
.sfan img{position:absolute;width:62px;bottom:0;border-radius:3px;box-shadow:3px 3px 0 var(--blue)}
.sfan img:nth-child(1){left:0;transform:rotate(-10deg)}.sfan img:nth-child(2){left:28px;z-index:2;box-shadow:3px 3px 0 var(--pink)}.sfan img:nth-child(3){left:56px;transform:rotate(10deg)}
.st b{display:block;font:400 15px/1.15 'Rubik Mono One'}
.st>span{display:block;font-size:12px;font-weight:500;margin-top:4px}
.st em{display:inline-block;margin-top:6px;font:600 11px 'DM Mono',monospace;font-style:normal;background:var(--pink);color:var(--paper);padding:2px 6px}
.srow:hover b{color:var(--pink)}
body[data-slang=EN] .srow[data-l=JA],body[data-slang=JA] .srow[data-l=EN]{display:none}
.tabbox{display:none}.tabbox.on{display:block}
body.filtering .tabbox{display:block}
@media(min-width:900px){.tabbox.on{display:grid;grid-template-columns:1fr 1fr;column-gap:40px}.tabbox h2{grid-column:1/-1}body.filtering .tabbox{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}}

/* Pokémon tiles: pixel sprites, three to a row */
.mons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 10px;padding:6px 0 4px}
.mon{position:relative;display:block;text-align:center;border:2.5px solid var(--blue);padding:8px 4px 10px;background:var(--paper);min-width:0}
.mon:nth-child(3n+2){border-color:var(--pink)}
.mon:nth-child(odd){transform:rotate(-1deg)}.mon:nth-child(even){transform:rotate(1deg)}
.mon:hover{box-shadow:4px 4px 0 var(--pink)}
.mon img,.mon .nosp{width:84px;height:84px;object-fit:contain;margin:2px auto 4px;image-rendering:pixelated;border-radius:50%;
  background:radial-gradient(var(--pink) 34%,transparent 38%) 0 0/5px 5px;filter:drop-shadow(2px 2px 0 var(--blue))}
.mon .nosp{display:block}
.mon .dex{display:block;font:500 9.5px 'DM Mono',monospace;letter-spacing:.06em;opacity:.7}
.mon b{display:block;font:400 11.5px/1.2 'Rubik Mono One';margin-bottom:5px;overflow-wrap:anywhere}
.mon>span{display:block;font-size:10.5px;font-weight:600;margin-top:3px}.mon .r{margin:0}
@media(min-width:600px){.mons{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:900px){.mons{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px 14px}}
.mon[hidden]{display:none}
.hubsearch .sbox{max-width:560px;margin-top:20px}

/* home */
.az-home{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:12px 0 0;max-width:560px}
.az-home>*{border:2px solid var(--blue);text-align:center;padding:6px 0;font:400 15px 'Rubik Mono One'}
.az-home>*:nth-child(3n){border-color:var(--pink);color:var(--pink)}
.az-home span{opacity:.3}
.az-home a:hover{background:var(--blue);color:var(--paper);border-color:var(--blue)}
.howto{display:grid;gap:10px;margin:12px 0 0}
.howto div{border-left:6px solid var(--pink);padding:4px 0 4px 12px;font-size:13.5px;font-weight:500}
.howto b{display:block;font:400 13px 'Rubik Mono One'}
@media(min-width:760px){.howto{grid-template-columns:repeat(3,1fr);gap:20px}}

/* 404 */
.big404{position:relative;height:150px;margin-top:10px}
.big404 span{position:absolute;left:0;font:400 128px/1 'Rubik Mono One';letter-spacing:-.06em;mix-blend-mode:multiply}
.big404 span:first-child{color:var(--pink);transform:translate(9px,6px) rotate(-1.5deg)}.big404 span:last-child{color:var(--blue)}
.nf h1{font-size:28px}

/* footer */
.foot{margin-top:56px;background:var(--blue);color:var(--paper);padding:26px 0 30px;position:relative}
.foot:before{content:'';position:absolute;left:0;right:0;top:-10px;height:12px;background:radial-gradient(circle at 6px 0,transparent 6px,var(--blue) 6.5px) 0 0/12px 12px}
.foot .logo,.foot .logo i{color:var(--paper)}
.foot nav{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin:18px 0;font-weight:600;font-size:14px;max-width:560px}
.foot nav a:hover{color:var(--pink)}
.foot p{font-size:11.5px;opacity:.85;line-height:1.5;max-width:680px}
.foot .press{font:500 10px 'DM Mono',monospace;letter-spacing:.12em;text-transform:uppercase;margin-top:12px;color:var(--pink);opacity:1}
@media(min-width:760px){.foot nav{grid-template-columns:repeat(4,auto);justify-content:start;gap:10px 28px}}

/* search */
.search{position:fixed;inset:0;z-index:50;background:var(--paper);background-image:radial-gradient(#00000010 .8px,transparent 1px);background-size:4px 4px;overflow-y:auto}
.search[hidden]{display:none}
.search-in{max-width:720px;margin:0 auto;padding:18px 16px 40px}
.sbox{display:flex;align-items:center;gap:10px;border:3px solid var(--blue);padding:12px;background:var(--paper);box-shadow:5px 5px 0 var(--pink)}
.sbox svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;flex:none}
.sbox input{font-size:17px;font-weight:700}
.s-x{font:800 18px 'Work Sans';padding:0 4px}
.results .label{margin:18px 0 6px}
.results a{display:flex;justify-content:space-between;gap:12px;padding:11px 2px;border-bottom:2px dashed var(--bluet)}
.results a b{font-weight:800}.results a small{font:500 12px 'DM Mono',monospace;color:var(--pink);text-align:right;flex:none;max-width:55%}
.results a:hover b,.results a:focus b{color:var(--pink)}
.results .none{margin-top:16px;font-weight:600}

/* picture viewer */
.lb{border:0;padding:0;margin:0;max-width:none;max-height:none;width:100%;height:100%;background:#1d3f8fee;color:var(--paper)}
.lb::backdrop{background:#1d3f8f99}
.lb[open]{display:flex;flex-direction:column;align-items:center;justify-content:center}
.lb-in{display:flex;flex-direction:column;align-items:center;max-width:94vw}
.lb img{max-height:62vh;width:auto;max-width:min(78vw,400px);border-radius:10px;box-shadow:8px 8px 0 var(--pink)}
.lb .cap{margin-top:20px;text-align:center;max-width:420px}
.lb .cap b{display:block;font:400 18px 'Rubik Mono One'}
.lb .cap span{display:block;font-size:13px;margin-top:6px}
.lb .cap a{color:var(--paper);text-decoration:underline;text-decoration-color:var(--pink);text-decoration-thickness:3px;font-weight:800}
.lb-x{position:absolute;right:14px;top:14px;color:var(--paper);font:800 22px 'Work Sans';width:44px;height:44px}
.lb-nav{display:flex;gap:26px;align-items:center;margin-top:14px;font:500 13px 'DM Mono',monospace}
.lb-nav button{color:var(--paper);font-size:34px;line-height:1;width:44px;height:44px}

/* print: the checklist only */
@media print{
  body{background:#fff}body:before,.top,.foot,.cover .cfan,.dlrow,.chips,.label,.pics-only,.boards,.prose,h2,.sub,.more,.nums,.grps,.mons{display:none!important}
  .list-only{display:block!important}.cover{padding:0}.cover:before,.cover:after{display:none}
  .cl td,.cl th{padding:4px}.box{width:14px;height:14px}
}

/* cookie question (UK, EU, EEA, Switzerland): a taped note */
#ci-ask{position:fixed;left:12px;right:12px;bottom:16px;z-index:70;max-width:440px;background:var(--paper);border:3px solid var(--blue);padding:16px;font-size:13.5px;font-weight:500;box-shadow:6px 6px 0 var(--pink);transform:rotate(-1deg)}
#ci-ask:before{content:'';position:absolute;top:-9px;left:42%;width:70px;height:18px;background:#ff4fa366;transform:rotate(-3deg)}
#ci-ask b{display:block;font:400 15px 'Rubik Mono One';margin-bottom:4px}
#ci-ask a{text-decoration:underline;text-decoration-color:var(--pink);text-decoration-thickness:2px}
#ci-ask div{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}
#ci-ask button{border:2.5px solid var(--blue);padding:8px 12px;font-weight:800;font-size:13px}
#ci-ask .y{background:var(--pink);border-color:var(--pink);color:var(--paper)}
@media(min-width:760px){#ci-ask{left:auto;right:24px;bottom:24px}}