@font-face{font-family:"Chivo";font-style:italic;font-weight:400 800;font-display:swap;src:url(/fonts/chivo-italic-vietnamese.a3f36d143a.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"Chivo";font-style:italic;font-weight:400 800;font-display:swap;src:url(/fonts/chivo-italic-latin-ext.fd3a85693d.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Chivo";font-style:italic;font-weight:400 800;font-display:swap;src:url(/fonts/chivo-italic-latin.aab9bb7ec8.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Chivo";font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/chivo-normal-vietnamese.a520a1bb4c.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"Chivo";font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/chivo-normal-latin-ext.962f7f1615.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Chivo";font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/chivo-normal-latin.f646831682.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Chivo Mono";font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/chivo-mono-normal-vietnamese.40179aeed2.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:"Chivo Mono";font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/chivo-mono-normal-latin-ext.5d1213dbec.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Chivo Mono";font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/chivo-mono-normal-latin.189d744da7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Chivo Fallback";font-weight:100 549;src:local("Arial"),local("ArialMT");size-adjust:105.14%;ascent-override:89.4%;descent-override:23.78%;line-gap-override:0%}
@font-face{font-family:"Chivo Fallback";font-weight:550 900;src:local("Arial Bold"),local("Arial-BoldMT");size-adjust:100.35%;ascent-override:93.67%;descent-override:24.91%;line-gap-override:0%}
@font-face{font-family:"Chivo Fallback Android";font-weight:100 900;src:local("Roboto"),local("Roboto Regular"),local("Roboto-Regular");size-adjust:106.6%;ascent-override:88.18%;descent-override:23.45%;line-gap-override:0%}
@font-face{font-family:"Chivo Mono Fallback";src:local("Menlo"),local("Menlo-Regular");size-adjust:99.66%;ascent-override:94.32%;descent-override:25.09%;line-gap-override:0%}
@font-face{font-family:"Chivo Mono Fallback Windows";src:local("Courier New"),local("CourierNewPSMT");size-adjust:99.98%;ascent-override:94.02%;descent-override:25%;line-gap-override:0%}
@font-face{font-family:"Chivo Mono Fallback Android";src:local("Roboto Mono"),local("RobotoMono-Regular"),local("Droid Sans Mono"),local("DroidSansMono");size-adjust:99.98%;ascent-override:94.02%;descent-override:25%;line-gap-override:0%}
:root{
  
  --paper:#F5F1E8; --sheet:#FCFAF4; --sheet-2:#ECE6D8; --ink:#1C1B18; --ink-2:#55524A; --ink-3:#6B675E; --rule:#CFC7B4; --rule-2:#E1DBCC;
  --tag:#C41E3A; --tag-deep:#A8172F; --tag-ink:#FFF7F0;
  --blue:#2B3A55; --blue-soft:#E3E0D3; --blue-mid:#8B92A3;
  --good:#2E7D4F; --warn:#B8830A; --crit:#C41E3A; --repro:#E8C100; --repro-ink:#B39200;
  --range:var(--blue); --range-soft:var(--blue-soft); --accent:var(--blue); --accent-ink:var(--blue); --accent-soft:var(--blue-soft); --accent-mid:var(--blue-mid);
  --surface:var(--sheet); --surface-2:var(--sheet-2); --line:var(--rule); --line-2:var(--rule-2); --serious:var(--warn); --serious-ink:#7A5400; --focus:var(--blue);
  --f-display:"Chivo","Chivo Fallback","Chivo Fallback Android"; --f-body:"Chivo","Chivo Fallback","Chivo Fallback Android";
  --f-mono:"Chivo Mono","Chivo Mono Fallback","Chivo Mono Fallback Windows","Chivo Mono Fallback Android"; --f-stretch:100%; --f-stretch-big:100%;
  
  --page-paper:#F5F1E8; --page-ink:#1C1B18; --page-sheet:#FCFAF4; --page-sheet-2:#ECE6D8; --page-ink-2:#55524A; --page-ink-3:#6B675E; --page-rule:#CFC7B4; --page-rule-2:#E1DBCC; --page-blue:#2B3A55;
  --r:4px; --shadow:0 0 0 1px var(--rule-2);
  color-scheme:light only;
}
*{box-sizing:border-box}
body{margin:0;background-color:var(--paper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .11 0 0 0 0 .106 0 0 0 0 .094 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");color:var(--ink);font:400 16px/1.5 var(--f-body),"Helvetica Neue",Arial,sans-serif;font-variant-numeric:tabular-nums}
a{color:var(--blue)}
a:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:3px}
h1,h2,h3,.cond{font-family:var(--f-display),system-ui,sans-serif;font-stretch:var(--f-stretch);letter-spacing:-.015em;margin:0;text-wrap:balance}
.wrap{max-width:1520px;margin:0 auto;padding:0 32px 64px}
svg text{font-family:var(--f-body),Arial,sans-serif;font-size:11px;fill:var(--ink-2)}
.hdr{padding:20px 0 0}
.hdr-row{display:flex;align-items:center;justify-content:space-between;gap:24px}
.wordmark{display:inline-flex;align-items:center;font-family:Michroma,var(--f-body),sans-serif;font-weight:400;font-size:21px;line-height:1;color:var(--ink);text-decoration:none;letter-spacing:.07em;-webkit-text-stroke:1.15px var(--ink);paint-order:stroke fill}
.links{display:flex;gap:22px;align-items:center;font-size:15px}
.links a{color:var(--ink-2);text-decoration:none;font-weight:500}
.links a:hover{color:var(--ink)}
.links .getapp{display:inline-flex;align-items:center;gap:8px;color:var(--ink-2);font-weight:500}
.links .getapp a{display:inline-flex;color:var(--ink);padding:2px}
.links .getapp svg{width:16px;height:16px;fill:currentColor}
.links .getapp a:hover{color:var(--tag-deep)}
.links a.getapp svg{color:var(--ink);margin:2px}
.links a.getapp:hover svg{color:var(--tag-deep)}
.links a.signin{color:var(--ink);font-weight:600;padding:6px 14px;border-radius:999px;background:var(--sheet);box-shadow:0 1px 2px rgba(30,34,28,.1)}
.search{display:flex;align-items:center;gap:12px;margin:18px 0 8px;padding:0 8px 0 18px;height:56px;background:var(--sheet);border-radius:12px;box-shadow:var(--shadow);color:var(--ink-3)}
.search input{flex:1;border:0;padding:0;font:inherit;font-size:17px;background:transparent;color:var(--ink);min-width:0;-webkit-appearance:none;appearance:none}
.search input::placeholder{color:var(--ink-3)}
.search input:focus{outline:none}
.search:focus-within{box-shadow:0 0 0 2px var(--ink), var(--shadow)}
.scan{display:inline-flex;align-items:center;gap:8px;border:0;background:var(--sheet-2);color:var(--ink);padding:9px 14px;border-radius:8px;font:600 14px var(--f-body),sans-serif;cursor:pointer;white-space:nowrap}
.scan:hover{background:var(--rule-2)}
.scan:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.ident{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;padding-bottom:0;margin-top:36px}
svg[hidden]{display:none}
.title-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.cover{height:124px;width:auto;display:block;border-radius:6px;box-shadow:0 0 0 1px rgba(28,27,24,.08),0 2px 6px rgba(28,27,24,.14);background:var(--sheet)}
.ident h1{font-size:42px;font-weight:800;line-height:1.05;letter-spacing:-.025em}
.ident .meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 0;margin-top:10px;color:var(--ink-2);font-size:15px;line-height:1.4}
.ident .meta > span + span::before{content:"·";margin:0 9px;color:var(--ink-3)}
.ident .meta b{color:var(--ink);font-weight:600}
.ident .meta .fr{color:var(--blue);font-weight:500;text-decoration:none}
.ident .meta a.fr:hover{text-decoration:underline}
.sys-pi{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 13px;border-radius:999px;color:var(--ink);text-decoration:none;font:600 13px var(--f-body),sans-serif;white-space:nowrap;line-height:1}
.sys-pi .pi-i{height:14px;max-width:48px}
.sys-pi:hover{background:var(--sheet);box-shadow:0 1px 2px rgba(30,34,28,.12)}
.sys-pi[aria-current="page"]{background:var(--ink);color:var(--paper)}
.actions{display:flex;gap:8px;flex:none}
.btn{border:0;background:var(--sheet);color:var(--ink);padding:10px 18px;border-radius:999px;font:600 15px var(--f-body),sans-serif;cursor:pointer;box-shadow:0 1px 2px rgba(30,34,28,.1)}
a.btn{display:inline-block;text-decoration:none}
.btn.primary{background:var(--tag-deep);border-color:var(--tag-deep);color:var(--tag-ink)}
.btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.chooser{margin:24px 0 16px;font-family:var(--f-display);font-stretch:var(--f-stretch);font-weight:500;font-size:24px;line-height:1.5;color:var(--ink-2)}
.chooser .grp{display:inline}
.chooser button{border:0;background:transparent;font:inherit;color:var(--ink-3);padding:0 2px;cursor:pointer;border-bottom:3px solid transparent;line-height:1.1}
.chooser button:hover{color:var(--ink)}
.chooser button[aria-pressed="true"]{color:var(--ink);border-bottom-color:var(--ink)}
.chooser button:disabled{opacity:.4;cursor:not-allowed}
.chooser button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.chooser .sep{color:var(--rule);margin:0 4px}
.chooser small{display:block;font-family:var(--f-body);font-weight:400;font-size:13px;color:var(--ink-3);line-height:1.4}
.hero{display:grid;grid-template-columns:300px 1fr;gap:28px;align-items:start}
.tag{position:relative;background:var(--tag-deep);color:var(--tag-ink);padding:20px 24px 20px 44px;clip-path:polygon(0 50%,24px 0,100% 0,100% 100%,24px 100%)}
.tag::before{content:"";position:absolute;left:18px;top:50%;width:12px;height:12px;border-radius:50%;background:var(--paper);transform:translateY(-50%)}
.tag .lead{font-size:15px;font-weight:500}
.tag .val{font-family:var(--f-display);font-weight:700;font-size:56px;line-height:.95;letter-spacing:-.03em;margin-top:2px}
.tag .rng{margin-top:12px;font-size:15px;font-weight:500;line-height:1.35}
.tag .rng b{font-weight:700}
.hero-main .eyebrow{font-size:15px;color:var(--ink-2);margin-bottom:4px}
.hero-range{font-size:17px;line-height:1.45;max-width:56ch}
.hero-range b{font-weight:600}
#axis{margin-top:6px;display:block}
#axis text{font-size:11px}
.answers{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:32px;padding-top:24px;border-top:1px solid var(--rule)}
.hv-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 10px;font-family:var(--f-display);font-stretch:var(--f-stretch);font-weight:600;font-size:20px}
.hv p{margin:8px 0 0;font-size:15px;line-height:1.45;color:var(--ink-2);max-width:40ch}
.hv p b{color:var(--ink);font-weight:600}
.tips{display:flex;gap:32px;flex-wrap:wrap;margin-top:16px;padding-top:16px;border-top:1px solid var(--rule);font-size:15px;color:var(--ink-2)}
.tips b{color:var(--ink);font-weight:600}
.tips .k{font-weight:600;color:var(--ink);margin-right:6px}
.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;min-height:26px;font:500 13px var(--f-body),sans-serif;background:var(--sheet-2);border:0;color:var(--ink);line-height:1.25}
.chip.c-high,.chip.l-hi{background:color-mix(in srgb,var(--good) 14%,var(--sheet))}
.chip.c-med,.chip.l-mid{background:color-mix(in srgb,var(--warn) 18%,var(--sheet))}
.chip.c-low,.chip.l-lo{background:color-mix(in srgb,var(--crit) 12%,var(--sheet))}
.chip.t-up,.chip.t-down,.chip.t-flat{background:var(--blue-soft)}
.chip i{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none;background:var(--ink-3)}
.chip.c-high i,.chip.l-hi i{background:var(--good)}
.chip.c-med i,.chip.l-mid i{background:var(--warn)}
.chip.c-low i,.chip.l-lo i{background:var(--crit)}
.chip.c-none i,.chip.t-none i{background:var(--ink-3)}
.chip .arr{width:auto;height:auto;border-radius:0;background:none;font-size:11px;color:var(--ink-2);line-height:1}
.chip.t-up .arr{color:var(--blue)}
.chip.t-down .arr{color:var(--crit)}
.chip.type{background:var(--sheet-2)}
section{margin-top:48px}
.sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}
h2{font-size:24px;font-weight:600}
.sec-h .note{font-size:13px;color:var(--ink-2)}
.live{display:grid}
.lv{display:grid;grid-template-columns:96px 1fr auto auto;gap:14px;align-items:center;padding:10px 0;border-top:1px solid var(--rule-2);font-size:15px}
.lv:last-child{border-bottom:1px solid var(--rule-2)}
.lv-p{font-family:var(--f-display);font-stretch:var(--f-stretch);font-weight:700;font-size:26px;line-height:1}
.lv-c{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.lv-c em{font-style:normal;color:var(--ink-2);margin-left:8px}
.lv-a{font-size:14px;color:var(--blue);font-weight:500;white-space:nowrap}
.more{margin-top:48px}
.dz{border-top:1px solid var(--rule-2)}
.dz:last-of-type{border-bottom:1px solid var(--rule-2)}
.dz summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:24px 0;border-radius:0}
.dz summary:hover{background:color-mix(in srgb,var(--sheet) 60%,transparent)}
.dz summary::-webkit-details-marker{display:none}
.dz summary:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}
.dz summary .t{font-family:var(--f-display);font-stretch:var(--f-stretch);font-weight:600;font-size:24px;line-height:1.05}
.dz summary .s{font-size:13px;color:var(--ink-2);margin-top:4px}
.dz summary .chev{width:30px;height:30px;border-radius:50%;background:var(--sheet-2);display:grid;place-items:center;font-family:var(--f-display);font-stretch:var(--f-stretch);font-weight:600;font-size:22px;line-height:1;color:var(--ink-2)}
.dz summary .chev::before{content:"+"}
.dz[open] summary .chev::before{content:"–"}
.dz[open] summary .t{color:var(--ink)}
.dz .body{padding:0 0 24px}
.dz .body>section{margin-top:0}
.sheet{background:var(--sheet);border-radius:var(--r);box-shadow:var(--shadow);padding:20px 22px}
.gridwrap{overflow-x:auto;background:var(--sheet);border-radius:var(--r);box-shadow:var(--shadow)}
table.grid{border-collapse:collapse;width:100%;min-width:720px}
table.grid th,table.grid td{padding:0;border-bottom:1px solid var(--rule-2);vertical-align:top}
table.grid thead th{font:600 13px var(--f-body),sans-serif;color:var(--ink-2);text-align:left;padding:12px 14px;border-bottom:1px solid var(--rule)}
table.grid thead th span{display:block;font-size:12px;color:var(--ink-3);font-weight:400}
table.grid th.rowh{width:180px;padding:12px 14px;text-align:left;font:600 15px var(--f-body),sans-serif}
table.grid th.rowh span{display:block;color:var(--ink-3);font-size:13px;font-weight:400}
table.grid tr:last-child td,table.grid tr:last-child th{border-bottom:0}
.cell{display:block;width:100%;text-align:left;border:0;background:transparent;padding:12px 14px;cursor:pointer;color:inherit;font:inherit;border-left:1px solid var(--rule-2);min-height:78px}
.cell:hover{background:var(--sheet-2)}
.cell[aria-pressed="true"]{background:var(--blue-soft)}
.cell:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}
.cell .p{font-family:var(--f-display);font-weight:600;font-size:20px;line-height:1}
.cell .p em{font-style:normal;font-family:var(--f-body);font-weight:500;font-size:13px;color:var(--ink-2);margin-left:6px}
.cell .chip{font-size:12px;padding:2px 8px;min-height:0}
.cell .r{display:flex;justify-content:space-between;font-size:13px;color:var(--ink-2);margin-top:4px}
.bar{position:relative;height:8px;margin:8px 0 2px;background:var(--rule-2);border-radius:4px}
.bar b{position:absolute;top:0;height:8px;background:var(--blue);border-radius:4px}
.bar.derived b{background:repeating-linear-gradient(135deg,var(--blue) 0 3px,transparent 3px 6px)}
.bar s{position:absolute;top:-3px;width:2px;height:14px;background:var(--ink);margin-left:-1px}
.cell.empty{cursor:default;color:var(--ink-3)}
.cell .tag.lbl{margin:0 0 4px;min-height:16px}
.cell .tag{font-size:12px;color:var(--ink-2);margin-top:4px;background:none;color:var(--ink-2);padding:0;clip-path:none;min-height:0}
.cell .tag::before{display:none}
.cell .tag.d{color:var(--serious-ink);font-weight:600}
.legend{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:var(--ink-2);margin-top:10px}
.legend span{display:inline-flex;align-items:center;gap:6px}
.legend .sw{width:22px;height:8px;background:var(--blue);display:inline-block}
.legend .sw.none{background:var(--rule-2)}
.legend .sw.d{background:repeating-linear-gradient(135deg,var(--blue) 0 3px,transparent 3px 6px)}
.legend .tick{width:2px;height:12px;background:var(--ink);display:inline-block}
.detail{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.panel{background:var(--sheet);border-radius:var(--r);box-shadow:var(--shadow);padding:18px 20px;min-width:0}
.panel h3{font-size:20px;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.kv{display:grid;grid-template-columns:1fr auto;gap:6px 14px;margin-top:10px;font-size:15px}
.kv dt{color:var(--ink-2);margin:0}
.kv dd{margin:0;text-align:right;font-weight:600}
.kv dd small{color:var(--ink-3);font-weight:400;font-size:13px;margin-left:6px}
.kv .dash{color:var(--ink-3)}
.reason{margin-top:12px;padding:12px;background:var(--paper);border-radius:8px;font-size:15px;line-height:1.45}
.reason b{font-weight:600}
.comp{display:grid;grid-template-columns:1fr 46px 34px;gap:4px 10px;align-items:center;font-size:13px;margin-top:10px}
.comp .n{color:var(--ink-2)}
.comp .t{height:6px;background:var(--rule-2);overflow:hidden}
.comp .t b{display:block;height:6px;background:var(--blue-mid)}
.comp .v{font-size:13px;text-align:right}
.comp .n.bind{font-weight:600;color:var(--serious-ink)}
.score{display:flex;align-items:baseline;gap:10px;margin-top:6px}
.score .n{font-family:var(--f-display);font-weight:600;font-size:32px;line-height:1}
.score .of{color:var(--ink-3);font-size:13px}
.pct,.curve-note{font-size:13px;color:var(--ink-2);margin-top:4px}
.curve-note b{color:var(--ink);font-weight:600}
.spark{margin-top:8px}
.regions{display:grid;gap:2px}
.rg{display:grid;grid-template-columns:180px 90px 132px 158px 168px 112px;justify-items:start;gap:12px;align-items:center;padding:12px;margin:0 -12px;border-top:1px solid var(--rule-2);font-size:15px}
.rg:last-child{border-bottom:1px solid var(--rule-2)}
.rg .nm{font-weight:600}
.rg .nm em{display:block;font-style:normal;font-weight:400;color:var(--ink-2);font-size:13px}
.rg .pr{font-family:var(--f-display);font-weight:600;font-size:20px;text-align:right;justify-self:end}
.gi-bar{position:relative;display:block;height:8px;background:var(--rule-2);width:120px;border-radius:4px}
.gi-bar b{position:absolute;top:0;height:8px;background:var(--blue);border-radius:4px}
.gi-bar s{position:absolute;top:-3px;width:2px;height:14px;background:var(--ink);margin-left:-1px}
.glance-note{font-size:15px;color:var(--ink-2);margin-top:10px;max-width:70ch}
.rf{display:inline-block;position:relative;width:21px;height:14px;border-radius:2.5px;overflow:hidden;flex:none;vertical-align:-2px;background:var(--sheet-2)}
.rf svg{display:block;width:100%;height:100%}
.rf::after{content:"";position:absolute;inset:0;border-radius:2.5px;box-shadow:inset 0 0 0 1px rgba(28,27,24,.16)}
.rf-s{width:15px;height:10px;border-radius:2px;margin-right:4px;vertical-align:-1px}
.tfilt{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:22px}
.tf-g{display:inline-flex;align-items:center;gap:8px}
.tfilt select{appearance:none;-webkit-appearance:none;font:500 13px var(--f-body),sans-serif;line-height:1.2;color:var(--ink-2);background-color:var(--sheet-2);border:0;border-radius:999px;padding:8px 30px 8px 13px;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none' stroke='%236B6F65' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
.tfilt select:hover{color:var(--ink)}
.tfilt select.set{background-color:var(--sheet);color:var(--ink);font-weight:600;box-shadow:0 1px 2px rgba(30,34,28,.14),inset 0 0 0 1.5px var(--ink)}
.tfilt select:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.tfilt .clr{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--ink-2);padding:8px 13px;border-radius:999px;font:500 13px var(--f-body),sans-serif;cursor:pointer}
.tfilt .clr span{font-size:15px;line-height:1}
.tfilt .clr:hover{background:var(--sheet-2);color:var(--ink)}
.tfilt .clr[hidden]{display:none}
.thumb{width:48px;height:48px;object-fit:cover;border-radius:5px;display:block;box-shadow:0 0 0 1px rgba(28,27,24,.08),0 1px 2px rgba(30,34,28,.12)}
.nothumb{width:48px;height:48px;border-radius:4px;display:block;background:repeating-linear-gradient(135deg,var(--rule-2) 0 4px,var(--sheet) 4px 8px)}
.tags{display:flex;gap:4px;margin-top:4px}
.ev line{stroke:var(--ink-3);stroke-dasharray:3 3;transition:opacity .12s,stroke .12s}
.ev circle{fill:var(--ink-3);transition:fill .12s,opacity .12s}
.ev.hi line{opacity:.42}
.ev.hi circle{fill:var(--ink-2)}
.ev.md line{opacity:.24}
.ev.md circle{opacity:.8}
.ev.lo line{opacity:.13}
.ev.lo circle{opacity:.5}
.ev.on line{opacity:1;stroke:var(--ink-2)}
.ev.on circle{fill:var(--ink);opacity:1}
.ev-hit{fill:transparent;cursor:pointer}
.pager{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;padding:14px 0 2px;border-top:1px solid var(--rule);font-size:13px;color:var(--ink-2)}
.attrs{display:grid;grid-template-columns:repeat(2,1fr);gap:0 36px;font-size:15px;margin:0}
.attrs .row{display:grid;grid-template-columns:180px 1fr;gap:10px;padding:7px 0;border-bottom:1px solid var(--rule-2)}
.attrs dt{color:var(--ink-2)}
.attrs dd{margin:0;font-weight:500}
.desc{max-width:68ch;color:var(--ink-2);font-size:15px;margin-top:14px}
.method-line{font-size:15px;color:var(--ink-2);margin-top:48px;max-width:80ch}
.method-line a{color:var(--blue)}
.notes{margin-top:48px;padding:16px 0;border-top:1px dashed var(--rule-2);font-size:13px;color:var(--ink-2)}
.notes b{color:var(--ink)}
.notes ul{margin:6px 0 0;padding-left:18px}
@media (max-width:860px){
.ident{grid-template-columns:auto 1fr;align-items:start}
.cover{height:80px}
.selector{padding:10px 4px}
.sg{border-right:0;padding:4px 10px}
.sg.copy{flex-direction:column;align-items:flex-start;gap:6px}
.ident h1{font-size:36px}
.links{display:none}
.search{height:50px}
.scan span{display:none}
.hero{grid-template-columns:1fr}
.tag{min-height:0}
.answers{grid-template-columns:1fr;gap:16px}
.chooser{font-size:22px}
.rg{grid-template-columns:1fr 80px auto}
.rg .gi-bar,.rg .chip:nth-of-type(n+2){display:none}
.lv{grid-template-columns:80px 1fr auto}
.lv-a{display:none}
.attrs{grid-template-columns:1fr}
.detail{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:no-preference){
.cell,.chooser button{transition:background .12s,color .12s}
}
.picker{margin-top:48px;padding:0}
.pk-top{display:flex;align-items:flex-start;gap:20px;flex-wrap:wrap}
.so{display:inline-flex;gap:2px;background:var(--sheet-2);padding:3px;border-radius:999px}
.so button{border:0;background:transparent;color:var(--ink-2);padding:7px 12px;border-radius:999px;font:500 13px var(--f-body),sans-serif;cursor:pointer;line-height:1.2;white-space:nowrap}
.so button:hover{color:var(--ink)}
.so button[aria-selected="true"]{background:var(--sheet);color:var(--ink);font-weight:600;box-shadow:0 1px 2px rgba(30,34,28,.14)}
.so button:focus-visible{outline:2px solid var(--focus);outline-offset:1px}
.tiles{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:14px}
@media (max-width:1320px){
.tiles{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:1180px){
.tiles{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:860px){
.tiles{grid-template-columns:1fr}
}
.glance{margin-top:48px;background:transparent;border-radius:0;box-shadow:none;padding:0;display:grid;grid-template-columns:1fr;gap:6px;align-items:start}
.dz .body .chooser{margin-top:6px}
.dz .body .answers{border-top:1px solid var(--rule)}
.skip{position:absolute;left:-9999px;top:0}
.skip:focus{left:8px;top:8px;z-index:20;background:var(--sheet);padding:8px 14px;border-radius:999px;box-shadow:var(--shadow)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ftr{margin-top:72px;padding-top:36px;border-top:1px solid var(--rule);font-size:14px;color:var(--ink-2)}
.ftr-grid{display:grid;grid-template-columns:minmax(260px,2fr) repeat(3,minmax(0,1fr));gap:32px 40px}
.ftr-brand .wordmark{font-size:18px}
.ftr-about{margin:14px 0 0;max-width:40ch;line-height:1.55}
.ftr-h{margin:0 0 12px;font:600 11.5px/1 var(--f-body),sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--ink)}
.ftr-col ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ftr-col a{color:var(--ink-2);text-decoration:none}
.ftr-col a:hover{color:var(--ink);text-decoration:underline}
.ftr-col a.ftr-all{color:var(--ink);font-weight:600}
.ftr-apps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.ftr-apps a{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:999px;background:var(--sheet);box-shadow:0 1px 2px rgba(30,34,28,.1);color:var(--ink);text-decoration:none;font-weight:600;font-size:13px;line-height:1.2}
.ftr-apps a:hover{background:var(--ink);color:var(--paper)}
.ftr-apps svg{width:14px;height:14px;fill:currentColor;flex:none}
.ftr-foot{display:flex;justify-content:space-between;align-items:baseline;gap:8px 24px;flex-wrap:wrap;margin-top:40px;padding-top:16px;border-top:1px solid var(--rule-2);font-size:13px}
.ftr-foot p{margin:0}
.ftr-mono{color:var(--ink-3)}
.ftr-mono a{color:inherit}
.ftr-mono a:hover{color:var(--ink)}
@media (max-width:1099px){
.ftr-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.ftr-brand{grid-column:1/-1}
.ftr-about{max-width:56ch}
}
@media (max-width:600px){
.ftr{margin-top:48px;padding-top:28px}
.ftr-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}
.ftr-app{grid-column:1/-1}
.ftr-apps{flex-direction:row;flex-wrap:wrap}
.ftr-foot{margin-top:32px}
}
.so a{border:0;background:transparent;color:var(--ink-2);padding:7px 12px;border-radius:999px;font:500 13px var(--f-body),sans-serif;cursor:pointer;line-height:1.2;white-space:nowrap;text-decoration:none;display:inline-block}
.so a:hover{color:var(--ink)}
.so a[aria-selected="true"]{background:var(--sheet);color:var(--ink);font-weight:600;box-shadow:0 1px 2px rgba(30,34,28,.14)}
.so a:focus-visible{outline:2px solid var(--focus);outline-offset:1px}
a.cell{text-decoration:none}
.chooser a{background:transparent;font:inherit;color:var(--ink-3);padding:0 2px;border-bottom:3px solid transparent;line-height:1.1;text-decoration:none}
.chooser a:hover{color:var(--ink)}
.chooser a[aria-pressed="true"]{color:var(--ink);border-bottom-color:var(--ink)}
.chooser a:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.tfilt .clr{text-decoration:none}
.rg .pr a{color:var(--blue);text-decoration:none}
.rg .pr a:hover{text-decoration:underline}
.rg .pr a{white-space:nowrap;font-family:var(--f-body);font-size:15px;font-weight:500}
@keyframes cdom-fade{from{opacity:0}to{opacity:1}}
@keyframes cdom-row{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.g-bar-wrap{display:flow-root}
.wordmark{font-family:var(--f-display),sans-serif;-webkit-text-stroke:0;font-weight:800;letter-spacing:-.02em;font-size:28px;text-transform:lowercase;white-space:nowrap;flex:none}
.wordmark .tld{font-weight:500;color:var(--ink-3)}
.wordmark .ll{display:inline-block;width:0.5796em;white-space:nowrap}
.wordmark .ll-c{width:0.5796em;height:0.7618em;vertical-align:-.005em}
.wordmark .ll-t{margin-left:-0.5796em;color:transparent}
.wordmark .ll-t::selection{color:transparent}
h1,.tag .val{font-weight:800}
.search{box-shadow:none;border-bottom:2px solid var(--ink);border-radius:0;padding-left:4px;background:transparent}
.search:focus-within{box-shadow:none;border-bottom-color:var(--tag)}
.tag{clip-path:none;border-radius:2px 14px 14px 2px}
.tag::before{display:none}
table.grid thead th{text-transform:uppercase;letter-spacing:.06em;font-size:11.5px}
.btn.primary{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.tv,.tag .val,.cell .p,.lv-p,.rg .pr,.kv dd,.score .n,.comp .v{font-family:var(--f-mono),ui-monospace,monospace;letter-spacing:-.02em}
.cell .p em{font-family:var(--f-body),sans-serif;letter-spacing:0}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lede{font-size:18px;line-height:1.5;color:var(--ink-2);max-width:62ch;margin:14px 0 0}
.muted{color:var(--ink-3)}
.empty{color:var(--ink-2);padding:24px 0}
.rg-pal{--rgc:var(--blue)}
.rg-ntsc-u{--rgc:var(--tag)}
.rg-ntsc-j{--rgc:var(--warn)}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--rgc,var(--ink-3));margin-right:6px;position:relative;top:-1px}
.rgn{display:inline-block;font:500 11px var(--f-mono),ui-monospace,monospace;letter-spacing:.02em;padding:2px 6px;border-radius:4px;background:var(--sheet-2);color:var(--ink-2);white-space:nowrap}
.search{position:relative}
.search .go{border:0;background:var(--ink);color:var(--paper);font:600 15px var(--f-body),sans-serif;padding:10px 18px;border-radius:999px;cursor:pointer;white-space:nowrap}
.search .go:hover{background:var(--tag-deep)}
.search .go:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.search input::-webkit-search-cancel-button{display:none}
.search-hero{height:76px;margin:30px 0 14px;padding:0 10px 0 24px;gap:16px;background:var(--sheet);border:2px solid var(--ink);border-bottom-width:2px;border-radius:14px;color:var(--ink-2)}
.search-hero:focus-within{border-color:var(--tag-deep)}
.search-hero > svg{transition:transform .25s cubic-bezier(.2,.8,.3,1.3),color .2s}
.search-hero:focus-within > svg{transform:scale(1.12) rotate(-8deg);color:var(--ink)}
.search-hero input{font-size:22px}
.search-hero .go{height:calc(100% - 12px);margin-right:-4px;padding:0 26px;border-radius:8px;font-size:17px}
.search .scan{display:none;align-items:center;gap:6px;flex:none;height:calc(100% - 12px);padding:0 14px 0 12px;border:0;border-radius:8px;background:var(--ink);color:var(--paper);font:600 15px var(--f-body),sans-serif;cursor:pointer}
.search .scan:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.scanner{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#000;color:#fff;overflow:hidden}
.scanner::backdrop{background:#000}
.scanner video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.scanner-frame{position:absolute;left:50%;top:50%;width:min(84vw,420px);aspect-ratio:2/1;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.92);border-radius:16px;box-shadow:0 0 0 100vmax rgba(0,0,0,.55);transition:border-color .2s}
.scanner-frame i{position:absolute;left:14px;right:14px;top:50%;height:2px;border-radius:2px;background:var(--tag);box-shadow:0 0 12px var(--tag)}
@media (prefers-reduced-motion:no-preference){
.scanner-frame i{animation:scanner-sweep 1.8s ease-in-out infinite alternate}
}
@keyframes scanner-sweep{from{top:18%}to{top:82%}}
.scanner[data-state="found"] .scanner-frame{border-color:var(--good)}
.scanner[data-state="found"] .scanner-frame i{background:var(--good);box-shadow:0 0 12px var(--good);animation:none}
.scanner-close{position:absolute;top:max(16px,env(safe-area-inset-top));right:16px;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 16px 0 12px;border:0;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;font:600 15px var(--f-body),sans-serif;cursor:pointer}
.scanner-close:focus-visible{outline:2px solid #fff;outline-offset:2px}
.scanner-foot{position:absolute;left:24px;right:24px;top:calc(50% + min(21vw,105px) + 28px);display:flex;flex-direction:column;align-items:center;gap:20px}
.scanner-say{margin:0;max-width:34ch;text-align:center;font-size:16px;line-height:1.4;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.scanner-photo{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 20px 0 16px;border:0;border-radius:999px;background:#fff;color:var(--ink);font:600 15px var(--f-body),sans-serif;cursor:pointer}
.scanner-photo:focus-visible{outline:2px solid #fff;outline-offset:3px}
.scanner[data-state="error"] .scanner-say{font-weight:600}
.suggest{position:absolute;left:-2px;right:-2px;top:calc(100% + 6px);z-index:30;margin:0;padding:6px;list-style:none;background:var(--sheet);border:1px solid var(--rule);border-radius:12px;box-shadow:0 12px 32px rgba(28,27,24,.14)}
.suggest li a{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:12px;align-items:center;padding:6px 10px;border-radius:8px;color:var(--ink);text-decoration:none;font-size:15px}
.suggest li a img,.suggest li a .ph{width:36px;height:46px;object-fit:cover;border-radius:3px;background:var(--sheet-2)}
.suggest li a .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
.suggest li a .pl{font:500 12px var(--f-mono),ui-monospace,monospace;color:var(--ink-2);white-space:nowrap}
.suggest li[aria-selected="true"] a,.suggest li a:hover{background:var(--sheet-2)}
.suggest .k-platform .ph{background:var(--ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cg fill='%23F5F1E8'%3E%3Crect width='7.5' height='7.5' rx='1.5'/%3E%3Crect x='10.5' width='7.5' height='7.5' rx='1.5'/%3E%3Crect y='10.5' width='7.5' height='7.5' rx='1.5'/%3E%3Crect x='10.5' y='10.5' width='7.5' height='7.5' rx='1.5'/%3E%3C/g%3E%3C/svg%3E") center/16px no-repeat}
.suggest .k-platform .nm{font-weight:600}
.suggest .all a{grid-template-columns:1fr;color:var(--ink-2);font-size:14px;border-top:1px solid var(--rule-2);border-radius:0 0 8px 8px;margin-top:4px}
.search-hero input{text-overflow:ellipsis}
.home-shelf{position:absolute;top:-20px;right:-32px;bottom:-5px;left:0;z-index:0;pointer-events:none}
html:has(.page-home){overflow-x:clip}
.home-shelf text{font:700 7px/1 var(--f-display),sans-serif;letter-spacing:.01em;fill:currentColor;dominant-baseline:central}
.home-shelf text.hs-r{font-size:4.2px;letter-spacing:0}
@media (prefers-reduced-motion:no-preference){
.hs-bar{animation:hs-bar 4s ease-in-out infinite}
}
.hs-xbox,.hs-nes{pointer-events:auto;cursor:pointer}
@keyframes hs-flicker{0%,100%{opacity:.75}30%{opacity:1}55%{opacity:.6}70%{opacity:.95}}
@keyframes hs-twinkle{0%,100%{opacity:.3}50%{opacity:1}}
@keyframes hs-idle{from{transform:translateY(0)}to{transform:translateY(-1px)}}
.hs-crt{pointer-events:auto;cursor:pointer}
@keyframes hs-off{0%{transform:scale(1,1);opacity:1}40%{transform:scale(1.06,.05);opacity:1}75%{transform:scale(.1,.04);opacity:1}100%{transform:scale(.02,.02);opacity:0}}
@keyframes hs-on{0%{transform:scale(.02,.02);opacity:1}30%{transform:scale(.1,.04);opacity:1}60%{transform:scale(1.06,.05);opacity:1}100%{transform:scale(1,1);opacity:1}}
@keyframes hs-flash{0%{opacity:0}30%{opacity:.9}100%{opacity:0}}
@keyframes hs-scan{from{transform:translateY(0)}to{transform:translateY(var(--span,68px))}}
@keyframes hs-led{0%,100%{opacity:.35}50%{opacity:1}}
@keyframes hs-bar{0%,100%{opacity:.35}50%{opacity:1}}
@keyframes hs-march{from{transform:translateX(70px)}to{transform:translateX(-150px)}}
@keyframes hs-waddle{from{transform:rotate(-7deg)}to{transform:rotate(7deg)}}
.card{background:var(--sheet);border:1px solid var(--rule-2);border-radius:12px;overflow:hidden;box-shadow:0 1px 2px rgba(28,27,24,.05);transition:border-color .15s,transform .15s,box-shadow .15s}
.card:hover{border-color:var(--ink);transform:translateY(-2px);box-shadow:0 6px 18px -8px rgba(28,27,24,.35)}
@media (prefers-reduced-motion:reduce){
.card,.card img{transition:none}
}
.figs{display:grid;gap:6px}
.fig{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 8px;font-size:13px;color:var(--ink-3)}
.fig b{font:600 14px var(--f-mono),ui-monospace,monospace;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.fig:first-child{color:var(--ink-2)}
.card-foot{font-size:12.5px;color:var(--ink-3)}
.pf{display:flex;flex-direction:column}
.pf-covers{--n:5;--cw:87px;display:flex;height:132px;padding:16px 14px 0;overflow:hidden}
.pf-covers img{flex:0 0 auto;height:116px;width:var(--cw);object-fit:cover;border-radius:4px;box-shadow:0 2px 8px rgba(28,27,24,.25);background:var(--rule-2)}
.pf-covers img+img{margin-left:calc((100% - var(--n) * var(--cw)) / (var(--n) - 1))}
.pf,[data-platform]{--band:#1c1b18;--band-ink:#fff}
.pf-covers{position:relative;padding-top:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--band) 7%,var(--sheet-2)),var(--sheet) 85%)}
.pf-covers img{transition:transform .25s}
.pf:hover .pf-covers img{transform:translateY(-2px)}
[data-platform="playstation-5"]{--band:#fff;--band-ink:#111}
[data-platform="playstation-4"]{--band:#1a4fb4}
[data-platform="playstation-3"]{--band:#111}
[data-platform="playstation-2"]{--band:#111;--band-ink:#8fb8ff}
[data-platform="playstation"]{--band:#111}
[data-platform="psp"]{--band:#111}
[data-platform="playstation-vita"]{--band:#fff;--band-ink:#1a4fb4}
[data-platform="xbox-series-x"]{--band:#111;--band-ink:#6ddb3a}
[data-platform="xbox-one"]{--band:#107c10}
[data-platform="xbox-360"]{--band:#6cbe2d}
[data-platform="xbox"]{--band:#0c5a16;--band-ink:#b9f08a}
[data-platform="nintendo-switch"],[data-platform="nintendo-switch-2"],[data-platform="nintendo-3ds"]{--band:#e60012}
[data-platform="wii"],[data-platform="nintendo-ds"]{--band:#fff;--band-ink:#1c9ad6}
[data-platform="wii-u"]{--band:#1c9ad6}
[data-platform="gamecube"]{--band:#3d2a6e}
[data-platform="nintendo-64"]{--band:#2b2b2b}
[data-platform="super-nintendo"]{--band:#4b4b8f}
[data-platform="nes"]{--band:#d8d8d8;--band-ink:#b5121b}
[data-platform="gameboy"]{--band:#8f9d7a;--band-ink:#1c1b18}
[data-platform="gameboy-advance"]{--band:#4a3f93}
[data-platform="gameboy-color"]{--band:#6b2f86}
[data-platform="computer"]{--band:#2f3a4a}
[data-platform="atari-2600"]{--band:#5a3a22;--band-ink:#f2d7a6}
[data-platform="atari-5200"]{--band:#161616;--band-ink:#c9ced4}
[data-platform="magnavox-odyssey-2"]{--band:#1d1d1d;--band-ink:#f5b400}
[data-platform="videopac-g7400"]{--band:#173a7a}
[data-platform="intellivision"]{--band:#2b1d12;--band-ink:#d8b86a}
[data-platform="colecovision"]{--band:#10161e;--band-ink:#8ec5ff}
[data-platform="vectrex"]{--band:#111;--band-ink:#ff5a4f}
[data-platform="fairchild-channel-f"]{--band:#4a3424;--band-ink:#f0c27b}
[data-platform="bally-astrocade"]{--band:#a8361c}
[data-platform="rca-studio-ii"]{--band:#b3122b}
[data-platform="arcadia-2001"]{--band:#1d3f8f}
[data-platform="microvision"]{--band:#2a2a2a;--band-ink:#d4d4d4}
[data-platform="entex-adventure-vision"]{--band:#7a1010}
[data-platform="sega-dreamcast"]{--band:#fff;--band-ink:#e8600a}
[data-platform="sega-genesis"],[data-platform="sega-saturn"]{--band:#111}
[data-platform="sega-genesis"]{--band-ink:#ff4b3a}
[data-platform="sega-saturn"]{--band-ink:#7fa8ff}
[data-platform="sega-master-system"]{--band:#c8102e}
[data-platform="sega-game-gear"]{--band:#111;--band-ink:#5aa9ff}
[data-platform="sega-cd"]{--band:#1b1b1b;--band-ink:#ff3b30}
[data-platform="sega-32x"]{--band:#111;--band-ink:#ffc400}
[data-platform="sega-pico"]{--band:#f6c400;--band-ink:#1c1b18}
[data-platform="sg-1000"]{--band:#1d3f8f}
[data-platform="evercade"]{--band:#151515;--band-ink:#ff6a1a}
[data-platform="n-gage"]{--band:#3d4955;--band-ink:#dfe7ef}
[data-platform="pokemon-mini"]{--band:#d9301b}
[data-platform="nuon"]{--band:#2d2266}
[data-platform="gizmondo"]{--band:#1b1b1b;--band-ink:#9ad14b}
[data-platform="pippin"]{--band:#2b2b2b;--band-ink:#d4d4d4}
[data-platform="3do"]{--band:#b8141c;--band-ink:#ffd400}
[data-platform="jaguar"],[data-platform="jaguar-cd"]{--band:#b5121b}
[data-platform="atari-lynx"]{--band:#d4570f}
[data-platform="atari-7800"]{--band:#161616;--band-ink:#ff5a4f}
[data-platform="atari-st"]{--band:#59616b}
[data-platform="pc-fx"]{--band:#1a2a6c}
[data-platform="turbografx-16"],[data-platform="turbografx-cd"]{--band:#151515;--band-ink:#ff8a00}
[data-platform="virtual-boy"]{--band:#c4001a}
[data-platform="casio-loopy"]{--band:#e2589a}
[data-platform="tiger-r-zone"]{--band:#c8102e}
[data-platform="neo-geo-aes"],[data-platform="neo-geo-mvs"],[data-platform="neo-geo-cd"]{--band:#10306e;--band-ink:#ffd200}
[data-platform="neo-geo-pocket"],[data-platform="neo-geo-pocket-color"]{--band:#1f4fae;--band-ink:#ffd200}
[data-platform="wonderswan"]{--band:#3a3a3a;--band-ink:#e6e6e6}
[data-platform="wonderswan-color"]{--band:#2b62c8}
[data-platform="supervision"]{--band:#2f5233;--band-ink:#cfe8b8}
[data-platform="cd-i"]{--band:#1f3f95}
[data-platform="amiga-cd32"]{--band:#1d1d1d;--band-ink:#ff4040}
[data-platform="amiga"]{--band:#c62828}
[data-platform="commodore-64"]{--band:#3e31a2;--band-ink:#b3adff}
[data-platform="zx-spectrum"]{--band:#151515;--band-ink:#00c3e8}
[data-platform="amstrad-gx4000"]{--band:#b0002c}
[data-platform="famicom-disk-system"]{--band:#f2c200;--band-ink:#1c1b18}
[data-platform="super-cassette-vision"]{--band:#c8102e}
.pf[data-platform="playstation-5"] .pf-covers,.pf[data-platform="playstation-vita"] .pf-covers,.pf[data-platform="wii"] .pf-covers,.pf[data-platform="nintendo-ds"] .pf-covers,.pf[data-platform="sega-dreamcast"] .pf-covers{--band:#7a8699}
.pf-covers img:nth-child(1){z-index:5}
.pf-covers img:nth-child(2){z-index:4}
.pf-covers img:nth-child(3){z-index:3}
.pf-covers img:nth-child(4){z-index:2}
.pf-covers img:nth-child(5){z-index:1}
.pf-name{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:12px 14px 0}
.pf-name b{font:700 18px/1.15 var(--f-display),sans-serif;letter-spacing:-.02em}
.pf-count{padding:12px 14px 0;font-size:14px;color:var(--ink-2)}
.pf-count b{font-family:var(--f-mono),ui-monospace,monospace;color:var(--ink);font-weight:600}
.gc{display:flex;flex-direction:column;min-width:0;isolation:isolate}
.gc-link{display:flex;flex-direction:column;gap:0;text-decoration:none;color:var(--ink)}
.gc-cover{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;background:var(--sheet-2)}
.gc-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}
.gc-link:hover .gc-cover img{transform:scale(1.03)}
.gc-cover::after{content:"";position:absolute;inset:auto 0 0 0;height:44%;background:linear-gradient(180deg,rgba(28,27,24,0),rgba(28,27,24,.58));pointer-events:none;transition:opacity .2s}
.gc-cover img{filter:saturate(.94)}
.gc-link:hover .gc-cover img{filter:saturate(1.06)}
.gc-plat{position:absolute;right:8px;bottom:8px;z-index:2;height:26px;padding:0 8px;display:inline-flex;align-items:center;gap:5px;border-radius:999px;background:rgba(28,27,24,.74);color:#fff;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 1px 3px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.14);font:600 11px var(--f-body),sans-serif;letter-spacing:.02em;white-space:nowrap}
.gc-plat svg{height:12px;width:auto;max-width:48px;fill:currentColor;flex:none}
.gc-plat.is-specific span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.gc-nocover{display:grid;place-items:center;height:100%;font:600 14px var(--f-mono),monospace;color:var(--ink-3)}
.gc-rank{position:absolute;left:8px;top:8px;min-width:26px;height:26px;padding:0 6px;box-sizing:border-box;display:grid;place-items:center;border-radius:999px;background:var(--ink);color:var(--paper);font:600 13px var(--f-mono),monospace}
.gc-name{font-weight:600;font-size:15px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(2.5em + 12px)}
.gc-name{padding:12px 14px 0}
.gc-meta{display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.gc-pl{font:600 12px var(--f-body),sans-serif;color:var(--ink);text-decoration:none;margin-right:2px}
.gc-figs{display:flex;flex-direction:column;font-size:13px;color:var(--ink-2)}
.gc-figs b{font-family:var(--f-mono),ui-monospace,monospace;font-weight:600;color:var(--ink)}
.soon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px 28px;margin-top:14px}
.soon-group h3{font-size:15px;font-weight:700;margin-bottom:4px}
.soon-group p{margin:0;font-size:14px;color:var(--ink-3);line-height:1.6}
.soon-group .sep{color:var(--rule)}
.soon-group:last-child{grid-column:1/-1}
.hub-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin:14px 0 22px}
.hub-head h1{font-size:clamp(32px,4.5vw,52px);font-weight:800;letter-spacing:-.03em;line-height:1}
.sorts a{display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;color:var(--ink-2);text-decoration:none;font:500 14px var(--f-body),sans-serif;white-space:nowrap}
.sorts a:hover{color:var(--ink);background:var(--sheet-2)}
.sorts a[aria-current]{background:var(--ink);color:var(--paper)}
.sorts{display:flex;align-items:center;gap:2px}
.sorts .lbl{font-size:13px;color:var(--ink-3);margin-right:6px}
nav.pager{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin:24px 0 0}
nav.pager a,nav.pager span{display:inline-grid;place-items:center;min-width:36px;height:36px;padding:0 10px;box-sizing:border-box;border-radius:999px;font:500 14px var(--f-body),sans-serif;color:var(--ink-2);text-decoration:none}
nav.pager a:hover{background:var(--sheet-2);color:var(--ink)}
nav.pager span[aria-current]{background:var(--ink);color:var(--paper)}
nav.pager .gap{color:var(--ink-3)}
@media (max-width:860px){
.search .go{padding:8px 14px}
}
.th .lb{display:block;cursor:zoom-in}
.tt[href]{color:inherit;text-decoration:none}
.faq{margin-top:56px}
.faq h2{font-size:24px;font-weight:700;margin-bottom:6px}
.faq-e{padding:22px var(--ins,20px);border-top:1px solid var(--rule-2)}
.faq-e:first-child{border-top:0}
.faq-e h3{font-size:17px;font-weight:600;line-height:1.3;letter-spacing:-.01em;text-wrap:balance}
.faq-e p{margin:8px 0 0;font-size:15.5px;line-height:1.6;color:var(--ink);max-width:640px}
.faq-note{margin:2px 0 0;font-size:12.5px;line-height:1.4;color:var(--ink-3)}
.lbx{border:0;padding:0;margin:0;width:100vw;height:100vh;max-width:100vw;max-height:100vh;background:transparent;color:var(--paper);overflow:hidden}
.lbx::backdrop{background:rgba(20,19,16,.93)}
.lbx-stage{position:fixed;inset:0;display:grid;place-items:center;overflow:hidden;touch-action:none}
.lbx-stage:not(.is-zoomed) .lbx-im{cursor:zoom-in}
.lbx-stage.is-zoomed{cursor:grab}
.lbx-im{transform-origin:0 0;overflow:hidden;background:var(--sheet-2);border-radius:8px}
.lbx-im img{display:block;max-width:min(92vw,1100px);max-height:84vh;user-select:none;-webkit-user-drag:none}
.lbx-im.is-cut{width:min(92vw,1100px,var(--w),calc(84vh * var(--ar)));aspect-ratio:var(--ar)}
.lbx-im.is-cut img{width:100%;height:auto;max-width:none;max-height:none}
.lbx-cap{position:fixed;left:0;right:0;bottom:18px;margin:0;text-align:center;font-size:14px;line-height:1.4;color:var(--paper);pointer-events:none}
.lbx-cap .lbx-n{margin-left:10px;font-family:var(--f-mono),ui-monospace,monospace;font-size:12.5px;opacity:.7}
.lbx-btn{position:fixed;width:44px;height:44px;border:0;border-radius:50%;background:rgba(245,241,232,.14);color:var(--paper);font:400 26px/44px var(--f-body),sans-serif;cursor:pointer;transition:background .15s}
.lbx-btn:hover{background:rgba(245,241,232,.28)}
.lbx-close{top:16px;right:16px}
.lbx-prev{left:16px;top:50%;margin-top:-22px}
.lbx-next{right:16px;top:50%;margin-top:-22px}
.lbx.is-one .lbx-prev,.lbx.is-one .lbx-next{display:none}
@media (max-width:600px){
.lbx-im img{max-width:96vw;max-height:78vh}
.lbx-im.is-cut{width:min(96vw,var(--w),calc(78vh * var(--ar)))}
.lbx-prev{left:8px}
.lbx-next{right:8px}
.lbx-close{top:10px;right:10px}
}
@media (max-width:860px){
.faq{margin-top:40px}
.faq-e h3{font-size:17px}
}
#hist[hidden]{display:none}
@media (max-width:860px){
.tiles{grid-template-columns:repeat(2,1fr);gap:8px}
}
@media (max-width:600px){
.wrap{padding:0 16px 48px}
.hdr{padding-top:14px}
.search{margin:12px 0 4px;height:46px}
.search input{font-size:16px}
.ident{gap:14px;margin-top:22px}
.cover{height:72px}
.ident h1{font-size:28px;line-height:1.05}
.ident .meta{font-size:14px;margin-top:6px;gap:2px 10px}
.picker{margin-top:28px}
.glance{margin-top:32px}
.tfilt{gap:8px 10px;margin-top:14px}
.tfilt .tf-g{width:calc(50% - 5px);display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.tfilt .tf-g select{width:100%}
.tfilt .clr{width:auto}
.faq{margin-top:36px}
.faq h2{font-size:20px}
.faq-e{padding:16px var(--ins,16px)}
.faq-e h3{font-size:16px}
.faq-e p{font-size:14.5px}
.ftr{margin-top:36px}
}
.pi{display:inline-flex;align-items:center;gap:6px;color:var(--ink);text-decoration:none;font:600 12px var(--f-body),sans-serif;white-space:nowrap;line-height:1}
.pi-i{height:14px;width:auto;max-width:56px;fill:currentColor;flex:none}
.links .nav-coll,.links .nav-search{color:var(--ink);font-weight:600;padding:5px 0}
.links .nav-coll[aria-current="page"],.links .nav-search[aria-current="page"]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}
.me-menu{position:relative}
.me-btn{list-style:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--ink);color:var(--paper);font:600 15px var(--f-body),sans-serif;line-height:1;cursor:pointer;user-select:none;-webkit-user-select:none;transition:box-shadow .15s ease-out}
.me-btn::-webkit-details-marker{display:none}
.me-btn::marker{content:""}
.me-btn:hover,.me-menu[open] .me-btn{box-shadow:0 0 0 4px color-mix(in srgb,var(--ink) 16%,transparent)}
.me-btn:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.me-panel{--paper:var(--page-paper);--sheet:var(--page-sheet);--sheet-2:var(--page-sheet-2);--ink:var(--page-ink);--ink-2:var(--page-ink-2);--ink-3:var(--page-ink-3);--rule-2:var(--page-rule-2);--blue:var(--page-blue);--focus:var(--page-blue);position:absolute;right:0;top:calc(100% + 10px);z-index:30;width:256px;padding:6px;background:var(--sheet);border:1px solid var(--rule-2);border-radius:12px;box-shadow:0 14px 36px -14px rgba(30,34,28,.4),0 1px 2px rgba(30,34,28,.08)}
.me-who{margin:0;padding:8px 10px 12px;display:flex;flex-direction:column;gap:2px;border-bottom:1px solid var(--rule-2)}
.me-who b{font-size:15px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.me-who span{font-size:13px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.me-lists,.me-acct{list-style:none;margin:0;padding:6px 0}
.me-acct{border-top:1px solid var(--rule-2);padding-bottom:0}
.me-panel a,.me-panel button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:36px;padding:7px 10px;border:0;border-radius:8px;background:transparent;color:var(--ink);font:500 15px var(--f-body),sans-serif;text-align:left;text-decoration:none;cursor:pointer}
.me-panel a:hover,.me-panel button:hover{background:var(--sheet-2);color:var(--ink)}
.me-panel a:focus-visible,.me-panel button:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}
.me-panel a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.me-panel a b{font:600 13px var(--f-mono),monospace;font-variant-numeric:tabular-nums;color:var(--ink-3)}
.me-panel form{margin:0}
.cur-sw{display:inline-flex;align-items:center;gap:10px;margin:0}
.cur-sw-pill{position:relative;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 11px 0 12px;border-radius:999px;color:var(--ink-2);font:600 14px var(--f-body),sans-serif;letter-spacing:.02em}
.cur-sw-pill:hover{color:var(--ink);background:var(--sheet)}
.cur-sw-pill:has(select:focus-visible){outline:2px solid var(--focus);outline-offset:2px}
.cur-sw-chev{width:10px;height:6px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cur-sw-pill select{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;cursor:pointer;font-size:16px;appearance:none;-webkit-appearance:none}
.cur-sw .cur-sw-go{padding:7px 14px;font-size:13.5px}
.cur-sw .cur-sw-go[hidden]{display:none}
@media (scripting:enabled){
.cur-sw .cur-sw-go{display:none}
}
.ftr-cur{display:none}
@media (max-width:600px){
.cur-sw-header{display:none}
.ftr-cur{display:block;margin-top:28px}
.cur-sw-lbl{font-size:14px;color:var(--ink-2)}
.cur-sw-footer .cur-sw-pill{background:var(--sheet);color:var(--ink);box-shadow:0 0 0 1px var(--rule-2),0 1px 2px rgba(30,34,28,.08)}
}
.form-error,.si-error{display:flex;align-items:flex-start;gap:10px;margin:18px 0 0;color:var(--ink);font-size:15px;line-height:1.45;max-width:560px}
.form-error::before,.si-error::before{content:"";flex:none;width:18px;height:18px;margin-top:1px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23C41E3A'/%3E%3Cpath d='M10 5.6v5.3' stroke='%23FFF7F0' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='10' cy='14.4' r='1.35' fill='%23FFF7F0'/%3E%3C/svg%3E") center/contain no-repeat}
.si-page{max-width:400px;margin:0 auto;padding:48px 0 32px}
.si-h{font-size:32px;font-weight:700;letter-spacing:-.015em;line-height:1.15}
.si-lede{margin:8px 0 0;font-size:15px;color:var(--ink-2)}
.si-lede b{color:var(--ink);font-weight:600;overflow-wrap:anywhere}
.si-notice{margin:12px 0 0;font-size:14px;color:var(--ink-2)}
.si-error{margin-top:14px;font-size:14px;line-height:1.4}
.si-error::before{width:17px;height:17px;margin-top:0}
.si-providers{display:flex;flex-direction:column;gap:10px;margin-top:24px}
.si-providers[hidden]{display:none}
.si-apple{display:flex;align-items:center;justify-content:center;gap:7px;height:40px;border-radius:999px;background:#000;color:#fff;font:500 15px -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;text-decoration:none}
.si-apple svg{width:15px;height:15px;fill:currentColor;margin-top:-3px}
.si-apple:hover{background:#2a2a2a}
.si-apple:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.si-google{min-height:40px;display:flex;justify-content:center;color-scheme:light}
.si-off{margin:0;padding:12px 18px;border-radius:12px;background:var(--sheet-2);color:var(--ink-3);font-size:14px;line-height:1.4}
.si-or{display:flex;align-items:center;gap:12px;margin:22px 0 0;font-size:13px;color:var(--ink-3)}
.si-or::before,.si-or::after{content:"";flex:1;height:1px;background:var(--rule)}
.si-tabs{display:flex;gap:4px;margin-top:18px;padding:3px;border-radius:999px;background:var(--sheet-2)}
.si-tabs a{flex:1;text-align:center;padding:7px 12px;border-radius:999px;color:var(--ink-2);font-weight:600;font-size:14px;text-decoration:none}
.si-tabs a:hover{color:var(--ink)}
.si-tabs a[aria-selected="true"]{background:var(--sheet);color:var(--ink);box-shadow:0 1px 2px rgba(30,34,28,.14)}
.si-tabs a:focus-visible{outline:2px solid var(--focus);outline-offset:1px}
.si-form[hidden]{display:none}
.si .field input,.ga .field input{max-width:none;background:var(--sheet)}
.si-label-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.si-forgot{font-size:13px;color:var(--blue)}
.si-submit{display:block;width:100%;margin-top:20px;padding:11px 18px}
.si-submit:disabled{opacity:.6;cursor:progress}
.si-code{font:600 22px var(--f-mono),monospace !important;letter-spacing:.3em;text-align:center}
.ga-marks{display:flex;gap:12px;margin:0 0 16px;color:var(--ink)}
.ga-marks svg{width:22px;height:22px;fill:currentColor}
.ga-note{margin:12px 0 0;font-size:13px;color:var(--ink-3);text-align:center}
.ga-wait{min-height:min(300px,calc(100dvh - 80px))}
.ob-form{margin-top:8px}
.ob .field input,.ob .field select{max-width:none;background:var(--sheet)}
.ob .hint{overflow-wrap:anywhere}
.si-more{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px}
.si-more form{margin:0}
.si-link{border:0;background:transparent;padding:4px 0;font:500 14px var(--f-body),sans-serif;color:var(--blue);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.si-modal{width:min(440px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);margin:10vh auto auto;padding:28px 28px 26px;border:0;border-radius:16px;background:var(--paper);color:var(--ink);box-shadow:0 24px 64px -16px rgba(30,34,28,.45);overflow:auto;overscroll-behavior:contain}
.si-modal::backdrop{background:rgba(28,27,24,.48)}
.si-modal .si-h{font-size:26px;padding-right:40px}
.si-wait{min-height:min(560px,calc(100dvh - 80px))}
.si-close{position:absolute;top:16px;right:16px;width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--ink-2);cursor:pointer;transition:background .15s ease-out}
.si-close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.si-close:hover{background:var(--sheet-2);color:var(--ink)}
.si-close:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
html:has(.si-modal[open]){overflow:hidden}
@media (hover:none){
.si-close:hover,.me-panel a:hover,.me-panel button:hover{background:transparent}
.me-btn:hover{box-shadow:none}
.si-tabs a:hover{color:var(--ink-2)}
.si-tabs a[aria-selected="true"]:hover{color:var(--ink)}
.si-apple:hover{background:#000}
}
@media (prefers-reduced-motion:no-preference){
.si-modal[open]{animation:si-in .2s ease-out}
@keyframes si-in{from{transform:translateY(10px)}}
}
@media (max-width:600px){
.si-page{padding-top:28px}
.si-modal{margin:12px auto auto;padding:22px 18px 22px;border-radius:14px}
.si-close{top:12px;right:10px}
}
.form{margin-top:32px;padding:22px 24px 24px;background:var(--sheet);border:1px solid var(--rule-2);border-radius:12px}
.form h2{font-size:20px;font-weight:700;margin-bottom:6px}
.field{margin-top:16px}
.field label,.field .lbl{display:block;font:600 13px var(--f-body),sans-serif;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);margin-bottom:6px}
.field input,.field select{width:100%;max-width:360px;font:400 16px var(--f-body),sans-serif;color:var(--ink);background:var(--paper);border:1px solid var(--rule);border-radius:8px;padding:9px 12px}
.field input:focus,.field select:focus{outline:2px solid var(--focus);outline-offset:1px;border-color:var(--focus)}
.field input[aria-invalid="true"]{border-color:var(--crit)}
.field .static{margin:0;font-size:16px;color:var(--ink-2)}
.hint{margin:6px 0 0;font-size:13px;color:var(--ink-3);line-height:1.45}
.hint b{color:var(--ink)}
.field-error{margin:6px 0 0;font-size:13px;color:var(--crit)}
.at-field{position:relative}
.at-field span{position:absolute;left:12px;top:50%;transform:translateY(-52%);font:400 16px var(--f-body),sans-serif;color:var(--ink-3);pointer-events:none}
.field .at-field input{padding-left:27px}
.hint:has(> [data-at-out]:empty){visibility:hidden}
.form-actions{margin-top:20px;display:flex;gap:10px}
form.form-actions{margin-top:16px}
.btn.danger{background:var(--crit);color:var(--tag-ink)}
.form .btn:not(.primary):not(.danger){box-shadow:0 0 0 1px var(--rule-2),0 1px 2px rgba(30,34,28,.1)}
.form .btn:not(.primary):not(.danger):hover{box-shadow:0 0 0 1px var(--ink)}
.btn.danger:hover{background:var(--tag-deep)}
.list-page{padding-top:24px}
.list-page .sorts{flex-wrap:wrap}
.list-note{margin:18px 0 0;font-size:13px;color:var(--ink-3);max-width:72ch}
.list-page .empty{font-size:16px}
.lv-band{display:flex;flex-wrap:wrap;gap:12px 40px;align-items:flex-end;margin:0 0 20px;padding:18px 22px;background:var(--sheet);border-radius:14px;box-shadow:var(--shadow)}
.lv-fig{margin:0}
.lv-fig dt{font:600 12.5px var(--f-body),sans-serif;color:var(--ink-3);margin-bottom:2px}
.lv-fig dd{margin:0;display:flex;align-items:baseline;gap:10px}
.lv-fig b{font:600 24px var(--f-mono),ui-monospace,monospace;letter-spacing:-.02em;color:var(--ink)}
.lv-fig .n{font:500 13px var(--f-mono),ui-monospace,monospace;color:var(--ink-3)}
.lv-view{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:var(--sheet-2);box-shadow:inset 0 0 0 1px var(--rule-2)}
.lv-view[hidden]{display:none}
.lv-view button{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:var(--ink-2);font:600 13px var(--f-body),sans-serif;cursor:pointer}
.lv-view button svg{width:15px;height:15px}
.lv-view button[aria-pressed="true"]{background:var(--sheet);color:var(--ink);box-shadow:0 1px 2px rgba(30,34,28,.12)}
.lv-view button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.lp-f,.ct-topics{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.lp-f legend,.ct-topics legend{float:left;width:100%;margin:0 0 6px;font:600 13px var(--f-body),sans-serif;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2)}
.lp-f label,.ct-topics label{position:relative;display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:5px 13px;border-radius:999px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--rule-2);font:500 14px var(--f-body),sans-serif;color:var(--ink);cursor:pointer}
.lp-f label[hidden],.lp-f[hidden]{display:none}
.lp-f input,.ct-topics input{position:absolute;opacity:0;pointer-events:none}
.lp-f label:has(input:checked),.ct-topics label:has(input:checked){background:var(--ink);color:var(--paper);box-shadow:none}
.lp-f label:has(input:focus-visible),.ct-topics label:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}
.lp-f label small,.lp-f label span.n{font-size:12px;opacity:.7}
.toast{position:fixed;top:auto;left:16px;right:16px;bottom:24px;z-index:80;margin:0 auto;display:flex;align-items:center;gap:10px;width:max-content;max-width:min(560px,calc(100vw - 32px));box-sizing:border-box;padding:8px 8px 8px 14px;border-radius:12px;background:var(--page-ink);color:var(--page-paper);font:500 15px/1.35 var(--f-body),sans-serif;box-shadow:0 18px 44px -14px rgba(28,27,24,.55),0 2px 6px rgba(28,27,24,.16);animation:toast-in .26s cubic-bezier(.2,.8,.2,1) both}
.toast[popover]{border:0;overflow:visible;inset:auto 16px 24px}
.toast-i{flex:none;width:20px;height:20px;fill:#86CFA3}
.toast.is-error .toast-i{fill:#F2A0A0}
.toast-i .m{fill:none;stroke:var(--page-ink);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.toast-i .d{fill:var(--page-ink)}
.toast-t{min-width:0;padding:6px 6px 6px 0;overflow-wrap:anywhere;text-wrap:pretty}
.toast-a,.toast-x{flex:none;border:0;border-radius:9px;background:transparent;color:var(--page-paper);cursor:pointer}
.toast-a{padding:6px 10px;font:700 14px var(--f-body),sans-serif;text-decoration:underline;text-underline-offset:3px}
.toast-x{position:relative;display:grid;place-items:center;width:32px;height:32px;padding:0;color:rgba(245,241,232,.62)}
.toast-x::after{content:"";position:absolute;inset:-6px}
.toast-x[hidden]{display:none}
.toast-x svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.toast-a:hover,.toast-x:hover{background:rgba(245,241,232,.1);color:var(--page-paper)}
.toast-a:focus-visible,.toast-x:focus-visible{outline:2px solid var(--page-paper);outline-offset:1px}
.toast.is-flash:not(.is-error){animation:toast-in .26s cubic-bezier(.2,.8,.2,1) both,toast-out .2s ease-in 6s forwards}
.toast.is-flash:hover,.toast.is-flash:focus-within{animation-play-state:paused}
.toast.is-going{animation:toast-out .2s ease-in forwards}
@keyframes toast-in{from{opacity:0;transform:translateY(16px)}}
@keyframes toast-out{to{opacity:0;transform:translateY(10px);visibility:hidden}}
@media (prefers-reduced-motion:reduce){
.toast,.toast.is-going{animation-duration:1ms}
.toast.is-flash:not(.is-error){animation:toast-out 1ms 6s forwards}
}
.ie-modal{width:min(560px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);margin:8vh auto auto;padding:22px 20px 0;border:0;border-radius:16px;background:var(--paper);color:var(--ink);box-shadow:0 24px 64px -16px rgba(30,34,28,.45);overflow:auto;overscroll-behavior:contain}
.ie-modal::backdrop{background:rgba(28,27,24,.48)}
html:has(.ie-modal[open]){overflow:hidden}
.ie textarea{display:block;width:100%;min-height:84px;resize:vertical;font:400 16px/1.4 var(--f-body),sans-serif;color:var(--ink);background:var(--paper);border:1px solid var(--rule);border-radius:8px;padding:9px 12px}
.ie textarea:focus{outline:2px solid var(--focus);outline-offset:1px;border-color:var(--focus)}
.sf .form-error{margin:16px 0 0;max-width:none}
.sf .form-error[hidden]{display:none}
.sf .field{margin-top:16px}
.sf .field input{max-width:none}
.sf textarea{display:block;width:100%;min-height:96px;resize:vertical;font:400 16px/1.45 var(--f-body),sans-serif;color:var(--ink);background:var(--paper);border:1px solid var(--rule);border-radius:8px;padding:9px 12px}
.sf textarea:focus{outline:2px solid var(--focus);outline-offset:1px;border-color:var(--focus)}
.sf textarea[aria-invalid="true"]{border-color:var(--crit)}
.sf .opt{margin-left:6px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--ink-3)}
.sf .form-actions{margin-top:20px;align-items:center;gap:8px 18px;flex-wrap:wrap}
.sf .btn[aria-busy="true"]{opacity:.6;cursor:progress}
@keyframes lp-new{0%{background:color-mix(in srgb,var(--good) 18%,transparent)}100%{background:transparent}}
@media (max-width:600px){
html:has(.list-page.lp-sheet){overflow:hidden}
.ie-modal{margin:12px auto auto}
}
@media (max-width:600px){
.lv-band{gap:10px 22px;padding:14px 16px;margin-bottom:14px}
.lv-fig b{font-size:20px}
.list-page .sorts .lbl{margin-right:2px}
.list-page .sorts a{padding:7px 10px}
.lv-view{margin-left:auto}
.lv-view button{gap:0;padding:0 10px}
.lv-view .lv-l{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
.check{display:flex;gap:10px;align-items:flex-start;margin-top:12px;font-size:15px;line-height:1.4;cursor:pointer}
.check input{width:18px;height:18px;margin:1px 0 0;flex:none;accent-color:var(--ink)}
.pub-link{margin:12px 0 0;font-size:15px;overflow-wrap:anywhere}
.pub-link a{color:var(--blue);font-weight:500}
.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px 24px;flex-wrap:wrap;margin:4px 0 24px}
.page-head h1{font-size:32px;font-weight:800;letter-spacing:-.025em;line-height:1.1;overflow-wrap:anywhere}
.page-head .lede{margin-top:6px;font-size:15px}
.tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.tools form{margin:0}
.tool{display:inline-flex;align-items:center;height:34px;padding:0 14px;border:0;border-radius:999px;background:var(--sheet);box-shadow:0 0 0 1px var(--rule-2),0 1px 2px rgba(30,34,28,.08);font:600 13.5px var(--f-body),sans-serif;color:var(--ink);text-decoration:none;cursor:pointer;white-space:nowrap}
.tool:hover,.pop[open] > .tool{box-shadow:0 0 0 1px var(--ink)}
.tool:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.list-page details.share{scroll-margin-top:100vh}
.sw{flex:1;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;font-size:15px;color:var(--ink);cursor:pointer}
.sw input{appearance:none;-webkit-appearance:none;position:relative;flex:none;width:42px;height:24px;margin:0;border-radius:999px;background:var(--sheet);box-shadow:inset 0 0 0 1.5px var(--ink-3);cursor:pointer;transition:box-shadow .15s}
.sw input::before{content:"";position:absolute;top:5px;left:5px;width:14px;height:14px;border-radius:50%;background:var(--ink-3);transition:transform .15s}
.sw input:checked{box-shadow:inset 0 0 0 12px var(--ink)}
.sw input:checked::before{background:#fff;transform:translateX(18px)}
.sw input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
@media (prefers-reduced-motion:reduce){
.sw input,.sw input::before{transition:none}
}
.pop{position:relative}
.pop > summary{list-style:none;display:inline-flex;align-items:center}
.pop > summary::-webkit-details-marker{display:none}
.new-list > summary{box-shadow:0 0 0 1px var(--rule-2),0 1px 2px rgba(30,34,28,.1)}
.new-list > summary:hover,.new-list[open] > summary{box-shadow:0 0 0 1px var(--ink)}
.lc{min-width:0;display:flex;flex-direction:column}
.lc.card:has(.lc-link:focus-visible){outline:2px solid var(--focus);outline-offset:2px}
@media (max-width:599px){
.page-head{margin-bottom:14px}
.page-head h1{font-size:28px}
.page-head{position:relative}
.pop{position:static}
.lc.card{border:0;border-radius:0;background:transparent;box-shadow:none;border-top:1px solid var(--rule-2)}
.lc.card:first-child{border-top:0}
.lc.card:hover{transform:none;box-shadow:none;border-color:var(--rule-2)}
}
html:has(.has-ah),.has-ah{overflow-x:clip}
.has-ah .hdr{position:relative;z-index:35}
.has-ah .hdr,.ah{--band:#3A372F;--ink:#F5F1E8;--ink-2:#D6CFBF;--ink-3:#A8A194;--paper:#3A372F;--sheet:#4A463E;--sheet-2:#56514A;--rule:#625D54;--rule-2:#504B43;--blue:#D3D8E3;--focus:#F5F1E8;--good:#86CFA3;--crit:#F2A0A0}
.has-ah .hdr .wordmark{font-weight:700;-webkit-font-smoothing:antialiased}
.ah{position:relative;isolation:isolate;z-index:33;margin:20px 0 28px;color:var(--ink)}
.ah-band{position:absolute;top:-300px;bottom:0;left:50%;width:100vw;margin-left:-50vw;z-index:-1;background-color:var(--band);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .11 0 0 0 0 .106 0 0 0 0 .094 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");pointer-events:none}
.ah-main{padding:26px 0 30px;border-top:1px solid var(--rule)}
.ah .page-head{margin:0}
.ah .lede{color:var(--ink-2)}
.ah .lede a{color:var(--blue)}
.has-ah .list-page{padding-top:0}
.ah .lv-band{margin:24px 0 0;padding:0;background:none;border-radius:0;box-shadow:none;gap:14px 0}
.ah .lv-fig{padding:0 30px;border-left:1px solid var(--rule)}
.ah .lv-fig:first-child{padding-left:0;border-left:0}
@media (max-width:599px){
.ah{margin:14px 0 20px}
.ah-main{padding:18px 0 22px}
.ah .lv-band{margin-top:18px;gap:12px 0}
.ah .lv-fig{padding:0 18px}
}
@media (max-width:860px){
.links{display:flex;gap:8px;flex-wrap:nowrap;justify-content:flex-end}
.links .getapp{display:none}
.links .nav-coll,.links .nav-search{display:none}
.links a.signin{padding:6px 12px;font-size:14px}
.form{padding:18px 16px 20px}
.field input,.field select{max-width:none}
}
@media (max-width:600px){
.hdr-row{gap:12px}
.wordmark{font-size:22px}
.form-error{margin-top:12px;font-size:14px}
}
.prose{max-width:68ch;padding-top:24px}
.prose h1{font-size:clamp(32px,4.5vw,44px);font-weight:800;letter-spacing:-.03em}
.prose .lede{margin-top:10px}
.prose h2{font-size:20px;font-weight:700;margin:32px 0 0}
.prose p{margin:8px 0 0;line-height:1.6}
.prose ul{margin:12px 0 0;padding-left:1.25em}
.prose li{margin:8px 0 0;line-height:1.55}
.prose .updated{margin:6px 0 0;color:var(--ink-3);font-size:14px;line-height:1.4}
.ai-addr{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:12px 0 0;padding:10px 12px 10px 16px;border-radius:10px;background:var(--sheet);box-shadow:0 0 0 1px var(--rule-2)}
.ai-code{font:600 15px/1.45 var(--f-mono),ui-monospace,monospace;letter-spacing:-.02em;overflow-wrap:break-word;user-select:all;-webkit-user-select:all;flex:1 1 31ch;min-width:0}
.ai-cmd .ai-addr{margin-top:8px}
.ai-cmd .ai-code{font-size:13.5px;font-weight:500}
.ai-copy{flex:none}
.ai-copy[hidden]{display:none}
.ai-page li code:not(.ai-code){white-space:nowrap}
@media (max-width:600px){
.ai-copy{height:40px;padding:0 16px}
}
.ct{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,640px);grid-template-areas:"head form" "side form";grid-template-rows:auto 1fr;column-gap:64px;align-items:start;padding-top:24px}
.ct-head{grid-area:head;max-width:560px}
.ct-head h1{font-size:clamp(32px,4.5vw,44px);font-weight:800;letter-spacing:-.03em}
.ct-head .lede{margin-top:10px}
.ct-panel{grid-area:form;padding:22px 24px 24px;background:var(--sheet);border:1px solid var(--rule-2);border-radius:12px;box-shadow:0 1px 2px rgba(30,34,28,.05)}
.ct-form .form-error{margin:0 0 18px;max-width:none}
.ct-form .field{margin-top:20px}
.ct-form textarea{display:block;width:100%;min-height:172px;resize:vertical;font:400 16px/1.5 var(--f-body),sans-serif;color:var(--ink);background:var(--paper);border:1px solid var(--rule);border-radius:8px;padding:10px 12px}
.ct-form textarea:focus{outline:2px solid var(--focus);outline-offset:1px;border-color:var(--focus)}
.ct-form textarea[aria-invalid="true"]{border-color:var(--crit)}
.ct-form .opt{margin-left:6px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--ink-3)}
.ct-account-hint{display:none;margin-top:10px}
.ct-form:has(input[name="topic"][value="account"]:checked) .ct-account-hint{display:block}
.ct-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.ct-form .form-actions{margin-top:24px;align-items:center;gap:8px 18px;flex-wrap:wrap}
.ct-privacy{font-size:13px;color:var(--ink-3)}
.ct-privacy:hover{color:var(--ink)}
.ct-side{grid-area:side;max-width:560px;margin-top:32px}
.ct-wall{border-radius:12px;overflow:hidden;box-shadow:0 0 0 1px var(--rule-2),0 1px 2px rgba(30,34,28,.05)}
.ct-wall svg{display:block;width:100%;height:auto}
.ct-wall .eg-own{transform-box:fill-box;transform-origin:50% 100%;transition:transform .25s ease-out}
@media (prefers-reduced-motion:no-preference){
.ct-wall .eg-own{animation:ct-own .6s cubic-bezier(.2,.9,.3,1.25) .25s backwards}
.ct-side:has(.ct-address:hover,.ct-address:focus-visible,.ct-copy:hover,.ct-copy:focus-visible) .eg-own{transform:translateY(-4px)}
}
@keyframes ct-own{from{transform:translateY(-14px);opacity:0}to{transform:none;opacity:1}}
.ct-side h2{margin-top:22px;font-size:17px;font-weight:700;letter-spacing:-.01em}
.ct-mail{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:6px 0 0}
.ct-address{font-size:18px;font-weight:600;overflow-wrap:anywhere}
.ct-sent{padding:28px 24px}
.ct-tick{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--good)}
.ct-tick svg{width:24px;height:24px;fill:none;stroke:var(--tag-ink);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.ct-sent h2{margin-top:14px;font-size:24px;font-weight:700;letter-spacing:-.015em;outline:0}
.ct-sent p{margin:6px 0 0;color:var(--ink-2)}
.ct-sent b{color:var(--ink);font-weight:600;overflow-wrap:anywhere}
.ct-sent .ct-again{margin-top:18px}
@media (max-width:1099px){
.ct{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "form" "side";max-width:640px}
.ct-panel{margin-top:24px}
}
@media (max-width:600px){
.ct-panel{margin-top:20px;padding:18px 16px 20px}
.ct-side{margin-top:28px}
}
html:has(.page-product){overflow-x:clip}
@media (max-width:1279px){
.home-shelf{display:none}
}
@media (max-width:860px){
.search-hero .go{display:none}
.search-hero.can-scan .scan{display:inline-flex;margin-right:-4px}
}
@media (max-width:600px){
.search-hero.can-scan .scan{margin-right:-8px}
.gc-name{padding-left:12px;padding-right:12px}
.links a.signin{padding:7px 14px}
.ftr-col ul{gap:2px}
.ftr-col a{display:inline-block;padding:5px 0}
.ftr-apps a{padding:9px 14px}
.ftr-foot a{display:inline-block;padding:4px 0}
}
.hdr-search{display:none}
@media (max-width:860px){
.hdr-search{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin-right:2px;border-radius:999px;color:var(--ink)}
.hdr-search svg{width:22px;height:22px}
.hdr-search:hover{background:var(--sheet)}
}
@media (min-width:1150px){
.faq-e{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);column-gap:48px;padding-block:26px}
.faq-e h3{font-size:18px}
}
.hdr-search{transition:background .15s ease-out}
@media (hover:none){
.hdr-search:hover{background:transparent}
}
@keyframes lb-in{from{opacity:0}}
@keyframes lb-img{from{opacity:0;transform:scale(.96)}}
@media (prefers-reduced-motion:reduce){
.hdr-search,.lbx,.lbx-im{transition:none;animation:none}
}
.links a.signin{white-space:nowrap}
@media (max-width:374px){
.hdr-search{width:32px;height:32px;margin-right:0}
.hdr-row:has(.hdr-search) .links{gap:6px}
.hdr-row:has(.hdr-search) .links a.signin{padding:6px 11px;font-size:13.5px}
}
@media (max-width:359px){
.hdr-row:has(.hdr-search){gap:10px}
.hdr-row:has(.hdr-search) .wordmark{font-size:20px}
.hdr-row:has(.hdr-search) .links a.signin{padding:6px 10px;font-size:13px}
}
@media (max-width:339px){
.hdr-row{gap:10px}
.hdr-row:has(.hdr-search) .wordmark{font-size:18px}
.links a.signin{padding:6px 10px;font-size:13px}
}
.cat a,.cat summary,.cat button{-webkit-tap-highlight-color:transparent}
.cat{--ct:52px minmax(0,1fr) 150px repeat(3,minmax(86px,108px));--ct-gap:18px}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{position:relative;display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 13px;border-radius:999px;background:var(--sheet);box-shadow:0 0 0 1px var(--rule-2);color:var(--ink-2);text-decoration:none;font:500 13.5px var(--f-body),sans-serif;line-height:1;white-space:nowrap;transition:background .15s ease-out,color .15s ease-out,box-shadow .15s ease-out}
a.chip:hover{color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
a.chip:active{background:var(--sheet-2)}
.chip[aria-current]{background:var(--ink);color:var(--paper);box-shadow:none;font-weight:600}
.chip .dot{margin:0}
.chip[aria-current] .dot{box-shadow:0 0 0 2px var(--paper)}
.chip .n{font:500 12px var(--f-mono),ui-monospace,monospace;color:var(--ink-3)}
.chip[aria-current] .n{color:var(--paper);opacity:.75}
span.chip{color:var(--ink-3);background:transparent;box-shadow:0 0 0 1px var(--rule-2)}
@keyframes cs-in{from{transform:translateX(100%)}to{transform:none}}
@keyframes cs-fade{from{opacity:0}to{opacity:1}}
.sk{display:block;position:relative;overflow:hidden;background:var(--rule-2);border-radius:5px}
.sk::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(252,250,244,0),rgba(252,250,244,.8) 50%,rgba(252,250,244,0));transform:translateX(-100%)}
@media (prefers-reduced-motion:no-preference){
.sk::after{animation:sk-sweep 1.5s cubic-bezier(.45,0,.25,1) infinite;animation-delay:calc(var(--i,0) * 60ms)}
}
@keyframes sk-sweep{to{transform:translateX(100%)}}
@keyframes sk-in{from{opacity:0}}
.cth-loose,.cth-complete,.cth-sealed{justify-self:end;flex-direction:row-reverse}
.cat[data-view="table"] .gc-link{display:grid;grid-template-columns:var(--ct);grid-template-areas:"cover name plat loose complete sealed" "cover meta plat loose complete sealed";grid-template-rows:auto auto;column-gap:var(--ct-gap);align-items:center;align-content:center;min-height:86px;padding:10px 12px;transition:background .12s ease-out}
.cat[data-view="table"] .gc-link:hover{background:var(--sheet)}
.cat[data-view="table"] .gc-link:active{background:var(--sheet-2)}
.cat[data-view="table"] .gc-link:focus-visible{outline:2px solid var(--focus);outline-offset:-2px;border-radius:6px}
.cat[data-view="table"] .gc-cover{display:contents}
.cat[data-view="table"] .gc-cover::after{display:none}
.cat[data-view="table"] .gc-cover img,.cat[data-view="table"] .gc-nocover{grid-area:cover;width:100%;height:auto;aspect-ratio:3/4;border-radius:4px;background:var(--sheet-2);box-shadow:0 0 0 1px rgba(28,27,24,.08)}
.cat[data-view="table"] .gc-nocover{font-size:10px}
.cat[data-view="table"] .gc-link:hover .gc-cover img{transform:none}
.cat[data-view="table"] .gc-plat{grid-area:plat;position:static;z-index:auto;justify-self:start;height:auto;padding:0;gap:7px;border-radius:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--ink-2);font:500 13.5px var(--f-body),sans-serif;letter-spacing:0}
.cat[data-view="table"] .gc-plat svg{height:17px;max-width:92px}
.cat[data-view="table"] .gc-name{grid-area:name;align-self:end;min-height:0;padding:0;font-size:15px}
.cat[data-view="table"] .fig-loose{grid-area:loose}
.cat[data-view="table"] .fig-complete{grid-area:complete}
.cat[data-view="table"] .fig-sealed{grid-area:sealed}
.cat nav.pager{margin-top:28px;gap:6px}
.cat nav.pager a,.cat nav.pager span{transition:background .15s ease-out,color .15s ease-out}
.cat nav.pager a:active{background:var(--rule-2)}
@media (max-width:1279px){
.cat{--ct:48px minmax(0,1fr) 128px repeat(3,minmax(80px,96px));--ct-gap:16px}
}
@media (max-width:859px){
.cat{--ct:44px minmax(0,1fr) 104px repeat(3,minmax(64px,84px));--ct-gap:12px}
.chips{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;margin:0 -32px;padding:2px 32px 4px;scroll-padding-inline:32px;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chips > *{flex:none}
}
@media (max-width:599px){
.chips{margin:0 -16px;padding:2px 16px 4px;scroll-padding-inline:16px}
.chip{height:36px}
.cat{--ct:38px minmax(0,1fr) repeat(3,48px);--ct-gap:8px}
.cat[data-view="table"] .cth-platform{display:none}
.cat[data-view="table"] .gc-link{grid-template-areas:"cover name loose complete sealed" "cover meta loose complete sealed";min-height:72px;padding:9px 0}
.cat[data-view="table"] .gc-plat{display:none}
.cat[data-view="table"] .gc-name{font-size:14px}
.cat[data-view="table"] .gc-link:hover{background:transparent}
.cat[data-view="table"] .gc-link:active{background:var(--sheet-2)}
.cat nav.pager a,.cat nav.pager span{min-width:40px;height:40px}
}
@media (max-width:359px){
.cat{--ct:32px minmax(0,1fr) repeat(3,48px);--ct-gap:6px}
}
@media (hover:none){
.cat[data-view="table"] .gc-link:hover{background:transparent}
a.chip:not([aria-current]):hover{color:var(--ink-2);box-shadow:0 0 0 1px var(--rule-2)}
.cat nav.pager a:hover{background:transparent;color:var(--ink-2)}
}
@media (prefers-reduced-motion:reduce){
.chip,.cat nav.pager a,.cat nav.pager span,.cat[data-view="table"] .gc-link{transition:none}
}
html:has(.page-platform){overflow-x:clip}
.ph{position:relative;isolation:isolate;margin-top:24px}
.ph h1{font-size:50px;font-weight:600;line-height:1.05;letter-spacing:-.02em;color:var(--ink);text-wrap:balance}
@media (max-width:860px){
.ph{margin-top:20px}
.ph h1{font-size:34px}
}
@media (max-width:600px){
.ph{margin-top:16px}
.ph h1{font-size:30px}
}
@media (max-width:360px){
.ph h1{font-size:28px}
}
html:has(.page-search){overflow-x:clip}
.sh{position:relative;isolation:isolate;z-index:1;margin-top:20px}
.sh h1{font-size:50px;font-weight:600;line-height:1;letter-spacing:-.025em;color:var(--ink)}
.sh .search-hero{height:68px;margin:24px 0 0;padding:0 8px 0 22px}
.sh .search-hero input{font-size:20px}
.sh .search-hero .go{height:calc(100% - 12px)}
.sh .search-hero.can-scan .scan{margin-right:0}
.search .clear{display:grid;place-items:center;flex:none;width:36px;height:36px;margin:0 -4px 0 0;padding:0;border:0;border-radius:999px;background:transparent;color:var(--ink-3);cursor:pointer;transition:background .15s ease-out,color .15s ease-out}
.search .clear[hidden]{display:none}
.search .clear:hover{background:var(--sheet-2);color:var(--ink)}
.search .clear:focus-visible{outline:2px solid var(--focus);outline-offset:1px}
@media (max-width:860px){
.sh{margin-top:16px}
.sh h1{font-size:38px}
.sh .search-hero{height:60px;margin-top:20px;padding:0 6px 0 16px}
.sh .search-hero input{font-size:18px}
}
@media (max-width:600px){
.sh{margin-top:12px}
.sh h1{font-size:30px}
.sh .search-hero{height:54px;margin-top:16px;padding:0 5px 0 14px;gap:10px;border-radius:12px}
.sh .search-hero input{font-size:17px}
}
.acc-head{align-items:center}
.acc-id{display:flex;align-items:center;gap:20px;min-width:0}
.acc-disc{flex:none;display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--ink);color:var(--band);font:700 32px/1 var(--f-display),sans-serif;letter-spacing:-.02em;user-select:none}
.acc-who{min-width:0}
.acc-who .lede{margin-top:4px;overflow-wrap:anywhere}
.ah .acc-band{margin-top:22px}
.acc{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);grid-template-rows:auto 1fr;grid-template-areas:"main side" "foot side";gap:24px 32px;align-items:start}
.acc-main{grid-area:main;display:grid;gap:24px;min-width:0}
.acc-side{grid-area:side;min-width:0}
.acc-foot{grid-area:foot;display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-width:0}
.acc section{margin-top:0}
.acc-card{padding:22px 24px 24px;background:var(--sheet);border:1px solid var(--rule-2);border-radius:12px;box-shadow:0 1px 2px rgba(30,34,28,.05)}
.acc-card h2{font-size:18px;font-weight:700;letter-spacing:-.01em}
.acc-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
.acc .field input,.acc .field select{max-width:none}
.acc .field .static{padding:9px 0;overflow-wrap:anywhere}
.acc .form-actions{margin-top:22px}
.acc-ways{list-style:none;margin:8px 0 0;padding:0}
.acc-ways li{display:flex;align-items:center;gap:14px;min-height:64px;padding:12px 0;border-top:1px solid var(--rule-2)}
.acc-ways li:first-child{border-top:0}
.acc-ico{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--sheet-2);color:var(--ink)}
.acc-ico svg{width:20px;height:20px}
.acc-way{flex:1;display:flex;flex-direction:column;min-width:0}
.acc-way b{font-size:15px;font-weight:600}
.acc-way span{font-size:13.5px;color:var(--ink-2);overflow-wrap:anywhere}
.acc-st{flex:none;display:inline-flex;align-items:center;gap:5px;font-size:13.5px;color:var(--ink-3)}
.acc-st.on{font-weight:600;color:var(--good)}
.acc-st svg{width:14px;height:14px}
.acc-ways .tool{flex:none}
.acc-link-hint{margin-top:12px;overflow-wrap:anywhere}
.acc-ls{list-style:none;margin:10px -12px 0;padding:0}
.acc-ls a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:16px;padding:9px 12px;border-radius:8px;color:var(--ink);text-decoration:none}
.acc-ls a:hover{background:var(--sheet-2)}
.acc-ls a:focus-visible{outline:2px solid var(--focus);outline-offset:0}
.acc-ln{display:flex;align-items:center;gap:8px;min-width:0}
.acc-ln b{font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acc-tag{flex:none;display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;background:var(--sheet-2);color:var(--ink-2);font:600 12px var(--f-body),sans-serif;letter-spacing:.01em}
.acc-lc{grid-column:1;font-size:13px;color:var(--ink-3)}
.acc-lv{grid-column:2;grid-row:1 / span 2;font:600 15px var(--f-mono),ui-monospace,monospace;letter-spacing:-.01em}
.acc-lf{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:16px;border-top:1px solid var(--rule-2)}
.acc-lf .tool svg{width:14px;height:14px;margin-right:6px}
.acc-foot .btn:not(.danger){box-shadow:0 0 0 1px var(--rule-2),0 1px 2px rgba(30,34,28,.1)}
.acc-foot .btn:not(.danger):hover{box-shadow:0 0 0 1px var(--ink)}
.acc-delete{width:100%}
.acc-delete summary{display:inline-flex;align-items:center;gap:6px;min-height:44px;font:600 14px var(--f-body),sans-serif;color:var(--crit);cursor:pointer;list-style:none;border-radius:6px}
.acc-delete summary::-webkit-details-marker{display:none}
.acc-delete summary:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.acc-delete summary:hover{text-decoration:underline}
.acc-delete summary svg{width:14px;height:14px;transition:transform .15s}
.acc-delete[open] summary svg{transform:rotate(180deg)}
.acc-delete form{margin-top:4px;padding:18px 20px 20px;background:var(--sheet);border:1px solid color-mix(in srgb,var(--crit) 35%,var(--rule-2));border-radius:12px}
.acc-delete form > p{margin:0;font-size:14.5px;line-height:1.5;color:var(--ink-2);max-width:60ch}
.acc-delete .field label{font-size:14px;letter-spacing:0;text-transform:none;color:var(--ink)}
.acc-delete .field input{max-width:320px}
@media (prefers-reduced-motion:reduce){
.acc-delete summary svg{transition:none}
}
@media (max-width:999px){
.acc{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"main" "side" "foot"}
}
@media (max-width:599px){
.acc-id{gap:14px}
.acc-disc{width:56px;height:56px;font-size:26px}
.ah .acc-band{margin-top:18px}
.acc{gap:20px}
.acc-main{gap:20px}
.acc-card{padding:18px 16px 20px}
.acc-fields{grid-template-columns:minmax(0,1fr)}
.acc .field .static{padding:0}
.acc-ways li{gap:12px}
.acc-ls{margin-left:-8px;margin-right:-8px}
.acc-ls a{padding:9px 8px}
.acc .tool{height:40px;padding:0 16px}
}
.sf .chip{height:30px;padding:0 12px;gap:5px;-webkit-tap-highlight-color:transparent}
.sf .chip svg{display:none;width:13px;height:13px;margin-left:-2px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sf .chip[aria-checked="true"],.sf a.chip[aria-checked="true"]:hover{background:var(--ink);color:var(--paper);box-shadow:none;font-weight:600}
.sf .chip[aria-checked="true"] svg{display:block}
.sf .chip:focus-visible{outline:2px solid var(--focus);outline-offset:1px}
@media (max-width:860px){
.sf .chip{height:34px}
}
.pc{display:flex;flex-direction:column;min-width:0}
.pc-link{display:flex;flex-direction:column;flex:1;color:var(--ink);text-decoration:none}
.pc-cover{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:var(--sheet-2)}
.pc-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}
.pc-link:hover .pc-cover img{transform:scale(1.03)}
.pc-nocover{display:grid;place-items:center;width:100%;height:100%;color:var(--rule)}
.pc-mark{width:84px;height:84px}
.pc-body{display:flex;flex-direction:column;gap:8px;flex:1;padding:14px 16px 16px}
.pc-title{font-size:19px;font-weight:700;line-height:1.25;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pc-sum{font-size:14.5px;line-height:1.5;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pc-foot{margin-top:auto;padding-top:2px;display:flex;flex-wrap:wrap}
.pc-foot > * + *::before{content:"·";margin:0 7px}
.pc-feature .pc-link{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
.pc-feature .pc-cover{height:100%;min-height:100%}
.pc-feature .pc-body{justify-content:center;gap:12px;padding:28px 32px}
.pc-feature .pc-title{font-size:32px;font-weight:800;line-height:1.12;letter-spacing:-.025em;-webkit-line-clamp:4}
.pc-feature .pc-sum{font-size:17px;-webkit-line-clamp:4}
.pc-feature .pc-foot{margin-top:4px;font-size:13.5px}
.pc-row .pc-link{display:grid;grid-template-columns:160px minmax(0,1fr)}
.pc-row .pc-cover{aspect-ratio:auto;height:100%;min-height:112px}
.pc-row .pc-body{justify-content:center;gap:6px;padding:14px 16px}
.pc-row .pc-title{font-size:16px}
@media (prefers-reduced-motion:reduce){
.pc-cover img{transition:none}
}
.sec-more{display:inline-flex;align-items:center;gap:3px;padding:4px 0;font-size:15px;font-weight:600;color:var(--blue);text-decoration:none}
.sec-more:hover{text-decoration:underline;text-underline-offset:3px}
.sec-more svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hdr-section{margin:0 auto 0 -6px;padding:3px 0 3px 18px;border-left:1px solid var(--rule);font:700 24px/1 var(--f-display),sans-serif;letter-spacing:-.015em;color:var(--ink);text-decoration:none;white-space:nowrap}
.hdr-section:hover{color:var(--ink-2)}
.page-blog .hdr,.page-post .hdr{padding-bottom:18px;border-bottom:1px solid var(--rule)}
@media (max-width:959px){
.page-blog .links .getapp,.page-post .links .getapp{display:none}
}
.hb .pc-feature .pc-title{font-size:28px}
.blog{padding-top:32px}
.blog .pc-feature .pc-title{font-size:38px}
.blog .pc-feature .pc-sum{font-size:18px}
.blog-none{margin:0;font-size:17px;color:var(--ink-2)}
.pc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.pc-feature + .pc-grid{margin-top:24px}
.blog .pager{margin-top:36px}
.post{--col:680px;--wide:1040px;display:grid;grid-template-columns:[full-start] minmax(0,1fr) [col-start] minmax(0,var(--col)) [col-end] minmax(0,1fr) [full-end];padding-top:44px}
.post > *{grid-column:col}
.post-draft{max-width:680px;margin:24px auto -20px;padding:8px 14px;border-radius:8px;background:color-mix(in srgb,var(--warn) 16%,var(--sheet));font-size:14px;line-height:1.4}
.post-head h1{font-size:44px;font-weight:800;line-height:1.1;letter-spacing:-.03em}
.post-dek{margin:16px 0 0;font-size:20px;line-height:1.45;color:var(--ink-2);text-wrap:pretty}
.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 0;margin-top:22px;font-size:14px;color:var(--ink-3)}
.post-meta > * + *:not(.post-share)::before{content:"·";margin:0 9px}
.post-by{display:inline-flex;align-items:center;gap:9px;color:var(--ink);font-weight:600}
.post-disc{width:28px;height:28px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--paper);font:700 13px/1 var(--f-body),sans-serif}
.post-share{margin-left:auto;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;border:1px solid var(--rule);border-radius:999px;background:var(--sheet);color:var(--ink);font:600 13.5px var(--f-body),sans-serif;cursor:pointer;transition:background .15s,color .15s,border-color .15s;-webkit-tap-highlight-color:transparent}
.post-share[hidden]{display:none}
.post-share svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.post-share:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.post-share:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.post-cover{grid-column:full;justify-self:center;width:100%;max-width:var(--wide);margin:32px 0 0}
.post-cover img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:8px;background:var(--sheet-2)}
.post-body{grid-column:full;display:grid;grid-template-columns:subgrid;margin-top:36px;font-size:18px;line-height:1.7;overflow-wrap:break-word}
.post-body > *{grid-column:col;min-width:0}
.post-body > .pb{margin:0}
.post-body > .pb + .pb{margin-top:1.15em}
.post-body > .pb + :is(.pb-image,.pb-game,.pb-games,.pb-sales,.pb-table,.pb-quote,.pb-hr),.post-body > :is(.pb-image,.pb-game,.pb-games,.pb-sales,.pb-table,.pb-quote,.pb-hr) + .pb{margin-top:40px}
.post-body > .pb + .pb-text:has(> :is(h2,h3):first-child){margin-top:2em}
.post-body > .pb-wide{grid-column:full;justify-self:center;width:100%;max-width:var(--wide)}
.post-body .card{font-size:16px;line-height:1.5}
.pb-text > *{margin:0}
.pb-text > * + *{margin-top:1.15em}
.pb-text h2{font-size:27px;font-weight:700;line-height:1.25;margin-top:1.8em;scroll-margin-top:24px}
.pb-text h3{font-size:21px;font-weight:700;line-height:1.3;margin-top:1.5em;scroll-margin-top:24px}
.pb-text > :first-child{margin-top:0}
.pb-text h2 + *,.pb-text h3 + *{margin-top:.6em}
.pb-text strong{font-weight:700}
.pb-text a{color:var(--blue);text-decoration-thickness:1px;text-underline-offset:3px}
.pb-text a:hover{text-decoration-thickness:2px}
.pb-text :is(ul,ol),.pb-list{padding-left:1.3em}
.pb-text li + li,.pb-list li + li{margin-top:.4em}
.pb-text blockquote{margin-left:0;padding-left:20px;border-left:3px solid var(--rule);color:var(--ink-2)}
.pb-text code{font:.88em var(--f-mono),ui-monospace,monospace;background:var(--sheet-2);padding:1px 5px;border-radius:4px}
.pb-image img{display:block;width:100%;height:auto;border-radius:8px;background:var(--sheet-2)}
.pb figcaption{margin-top:10px;font-size:14px;line-height:1.5;color:var(--ink-3)}
.pb-quote blockquote{margin:0;padding-left:22px;border-left:3px solid var(--ink)}
.pb-quote blockquote p{margin:0;font:500 25px/1.38 var(--f-display),sans-serif;letter-spacing:-.012em;color:var(--ink);text-wrap:pretty}
.pb-quote figcaption{margin-top:12px;padding-left:25px;font-size:15px;color:var(--ink-2)}
.pb-hr{border:0;height:1px;background:var(--rule)}
.pb-table table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.4}
.pbt-scroll{overflow-x:auto;overscroll-behavior-x:contain}
.pb-table th,.pb-table td{padding:10px 12px;text-align:left;vertical-align:baseline;border-bottom:1px solid var(--rule-2)}
.pb-table th:first-child,.pb-table td:first-child{padding-left:0}
.pb-table th:last-child,.pb-table td:last-child{padding-right:0}
.pb-table thead th{font-size:13px;font-weight:600;color:var(--ink-3);border-bottom-color:var(--rule);white-space:nowrap}
.pb-table tbody th{font-weight:600}
.pb-table .is-fig{text-align:right;white-space:nowrap}
.pb-table td.is-fig{font:600 14.5px var(--f-mono),ui-monospace,monospace;font-variant-numeric:tabular-nums}
.pb-game{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 28px;padding-right:22px}
.pbg-link{display:flex;align-items:center;gap:18px;min-width:0;color:var(--ink);text-decoration:none}
.pbg-cover{flex:none;width:96px;aspect-ratio:3/4;overflow:hidden;background:var(--sheet-2)}
.pbg-cover img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.94);transition:transform .2s,filter .2s}
.pbg-link:hover .pbg-cover img{transform:scale(1.03);filter:saturate(1.06)}
.pbg-id{display:flex;flex-direction:column;gap:3px;min-width:0;padding:14px 0}
.pbg-name{font-size:18px;font-weight:700;line-height:1.25;letter-spacing:-.01em}
.pbg-plat{font-size:14px;color:var(--ink-2)}
.pbg-figs{min-width:190px}
.pb-games,.pb-sales{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pb-sales{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.post-more{grid-column:full;justify-self:center;width:100%;max-width:1040px;margin:72px auto 0;padding-top:36px;border-top:1px solid var(--rule)}
.post-more .pc-grid{margin-top:20px}
.post-more .pc-title{font-size:17px}
@media (max-width:1099px){
.pc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
}
@media (max-width:760px){
.pc-feature .pc-link{grid-template-columns:minmax(0,1fr)}
.pc-feature .pc-cover{height:auto;min-height:0}
.pc-feature .pc-body{padding:16px 18px 18px;gap:10px}
.pc-feature .pc-title,.hb .pc-feature .pc-title,.blog .pc-feature .pc-title{font-size:26px}
}
@media (max-width:600px){
.hdr-section{margin-left:-2px;padding:4px 0 4px 12px;font-size:19px}
.page-blog .hdr,.page-post .hdr{padding-bottom:14px}
.blog{padding-top:20px}
.pc-grid{grid-template-columns:minmax(0,1fr);gap:14px}
.pc-feature + .pc-grid{margin-top:14px}
.pc-feature .pc-body{padding:14px 16px 16px}
.pc-feature .pc-title,.hb .pc-feature .pc-title,.blog .pc-feature .pc-title{font-size:23px}
.pc-feature .pc-sum,.blog .pc-feature .pc-sum{font-size:15.5px}
.pc-row .pc-link{grid-template-columns:112px minmax(0,1fr)}
.pc-row .pc-cover{min-height:96px}
.pc-row .pc-body{padding:12px 14px}
.pc-row .pc-title{font-size:15px}
.post{padding-top:28px}
.post-draft{margin:16px 0 -12px}
.post-head h1{font-size:32px}
.post-dek{font-size:18px;margin-top:12px}
.post-meta{margin-top:18px;font-size:13.5px;flex-wrap:nowrap}
.post-meta > *{white-space:nowrap}
.post-share{position:relative;width:34px;height:34px;padding:0;justify-content:center;flex:none}
.post-share svg{width:16px;height:16px}
.post-share-t{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.post-cover{margin-top:24px}
.post-cover img{border-radius:6px}
.post-body{margin-top:28px;font-size:17px;line-height:1.65}
.pb-text h2{font-size:24px}
.pb-text h3{font-size:19px}
.pb-quote blockquote p{font-size:21px}
.pb-game{grid-template-columns:minmax(0,1fr);padding-right:0;gap:0}
.pbg-cover{width:80px}
.pbg-name{font-size:16px}
.pbg-figs{min-width:0;padding:12px 14px 14px;border-top:1px solid var(--rule-2)}
.pb-games,.pb-sales{display:flex;flex-wrap:nowrap;align-items:stretch;gap:10px;margin-left:-16px;margin-right:-16px;padding:3px 16px 10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:16px;scrollbar-width:none}
.post-body > :is(.pb-games,.pb-sales){margin-left:-16px;margin-right:-16px}
.pb-games::-webkit-scrollbar,.pb-sales::-webkit-scrollbar{display:none}
.pb-games > li{flex:0 0 150px;scroll-snap-align:start}
.pb-sales > li{flex:0 0 128px;scroll-snap-align:start}
.post-more{margin-top:48px;padding-top:28px}
}
@media (max-width:389px){
.page-blog .wordmark,.page-post .wordmark{font-size:18px}
.hdr-section{padding-left:10px;font-size:16px}
}
@media (max-width:359px){
.page-blog .wordmark,.page-post .wordmark{font-size:16px}
.hdr-section{font-size:15px}
}
@media (max-width:374px){
.post-meta{font-size:13px}
.post-meta > * + *:not(.post-share)::before{margin:0 6px}
}
.nf{max-width:640px;margin:0 auto;padding:64px 0 80px;text-align:center}
.nf-art{display:block;width:232px;max-width:62vw;height:auto;margin:0 auto 34px;overflow:visible}
.nf-slot{stroke:var(--ink-3);opacity:.55}
.nf-tip{transform-box:view-box;transform-origin:86.71px 154px;animation:nf-tip .8s cubic-bezier(.34,1.45,.64,1) .4s both}
@keyframes nf-tip{from{transform:rotate(0deg)}to{transform:rotate(13deg)}}
.nf h1{font-size:clamp(30px,4.2vw,44px);font-weight:800;letter-spacing:-.03em;line-height:1.08}
.nf .search-hero{margin:30px 0 0;text-align:left}
.nf-home{margin:22px 0 0;font-size:15px}
.nf-home a{color:var(--ink-2);text-underline-offset:3px}
.nf-home a:hover{color:var(--ink)}
@media (prefers-reduced-motion:reduce){
.nf-tip{animation:none;transform:rotate(13deg)}
}
@media (max-width:860px){
.nf .search-hero{height:62px;padding-left:16px}
.nf .search-hero input{font-size:17px}
}
@media (max-width:600px){
.nf{padding:40px 0 56px}
.nf-art{width:188px;margin-bottom:28px}
.nf .search-hero{height:56px;padding:0 14px 0 16px;gap:12px}
.nf .search-hero > svg{width:24px;height:24px}
}