/* Live Review Map (TASK-92, board.js). Two places, one stylesheet:

   - .bp: the preview in the home page's hero. From 1280px, a small panel on the right of the hero copy,
     over the drifting wall, in the hero's own glass (the free-Atlas bar's background, hairline and blur),
     labelled the way that bar is: five choices, each lifting and turning the wall's gold under the pointer
     or the keyboard. Narrower, a strip under the copy. The hero itself is not restyled: the panel only
     takes the empty space beside the copy.
   - .tw: the page at /live-map/. A night cover in the manner of an Atlas's, the caveat once, then a top
     five: each game on a cover of its own (its art whole over a blurred copy, as the home page's example
     Atlas has it, its place, its name and the week's one big number), and under it, secondary, Steam's
     fortnight and the themes as two charts, then the week's two most helpful reviews. The Atlas's colours:
     praise blue and complaint rust for recommended and not, the theme groups' colours for the bars, gold
     for the Atlas's own left rule and each game's place. On a phone each game folds to its cover. */
.bd-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ==== the hero's preview ================================================================================ */
.bp{position:relative;z-index:4;--bp-glass:rgba(11,15,26,.8);--bp-line:rgba(236,237,240,.26);--bp-soft:rgba(236,237,240,.12);color:var(--bone,#ecedf0)}
.bp-card{display:none}
.bp-strip{display:flex;align-items:center;gap:16px;max-width:560px;padding:14px 18px 14px 14px;background:var(--bp-glass);border:1px solid var(--bp-line);border-radius:6px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.bp-strip:hover strong{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.bp-thumbs{flex:none;display:flex}
.bp-thumbs img{width:64px;height:30px;object-fit:cover;border-radius:2px;border:1.5px solid #0b0f1a;background:#1b2233}
.bp-thumbs img+img{margin-left:-18px}
.bp-strip-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
.bp-strip-copy strong{font:600 17px/1.25 var(--font-sans);color:var(--bone,#ecedf0)}
.bp-strip-copy strong b{font-weight:400}
.bp-strip-copy small{font:13.5px/1.35 var(--font-sans);color:var(--bone-mute,#9aa3b5)}

@media(min-width:1280px){
 .bp{position:absolute;top:100px;right:7%;width:clamp(460px,34.7vw,520px)}
 .bp-strip{display:none}
 .bp-card{display:block;padding:20px 24px 16px;background:var(--bp-glass);border:1px solid var(--bp-line);border-radius:6px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
 /* labelled as the free-Atlas bar is: a short rule, then the name */
 .bp-label{display:flex;align-items:center;gap:12px;margin:0 0 6px;font:700 20px/1.2 var(--font-sans);letter-spacing:-.005em;color:var(--bone-mute,#9aa3b5)}
 .bp-label::before{content:'';flex:none;width:28px;height:2px;background:var(--bone-mute,#9aa3b5)}
 .bp-sub{margin:0;font:500 17px/1.3 var(--font-sans);color:var(--bone,#ecedf0);text-wrap:balance}
 /* what the figures count and over which days, and when it was built */
 .bp-when{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:3px 0 0;font:14px/1.35 var(--font-sans);color:var(--bone-mute,#9aa3b5)}
 .bp-when span:first-child{color:var(--bone-soft,#b9c0cf)}
 .bp-when span:last-child{flex:none}
 .bp-list{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:4px}
 .bp-list a{position:relative;display:grid;grid-template-columns:92px minmax(0,1fr) auto 10px;align-items:center;gap:14px;padding:7px 12px 7px 7px;border:1px solid rgba(236,237,240,.1);border-radius:5px;background:rgba(236,237,240,.03);cursor:pointer;transition:border-color .15s,background-color .15s,transform .15s,box-shadow .15s}
 .bp-list a:hover,.bp-list a:focus-visible{border-color:rgba(212,160,18,.7);background:rgba(212,160,18,.08);box-shadow:inset 3px 0 0 var(--gold,#d4a012),0 6px 18px rgba(0,0,0,.28);transform:translateY(-1px)}
 .bp-list a:focus-visible{outline:2px solid var(--gold,#d4a012);outline-offset:2px}
 .bp-list a:hover .bp-name,.bp-list a:focus-visible .bp-name{color:var(--gold-soft,#e0b04a)}
 .bp-list a:hover .bp-go,.bp-list a:focus-visible .bp-go{border-color:var(--gold-soft,#e0b04a);transform:translateX(2px) rotate(45deg)}
 .bp-list img,.bp-noart{display:block;width:92px;height:43px;object-fit:cover;border-radius:3px;background:#1b2233}
 .bp-game{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:5px}
 .bp-name{max-width:100%;font:600 15px/1.25 var(--font-sans);color:var(--bone,#ecedf0);transition:color .15s;text-wrap:balance}
 .bp-chip{max-width:100%;display:inline-flex;align-items:center;gap:6px;padding:2px 9px 2px 7px;border:1px solid color-mix(in srgb,var(--c) 50%,transparent);border-radius:999px;background:color-mix(in srgb,var(--c) 16%,transparent);font:500 12.5px/1.35 var(--font-sans);color:color-mix(in srgb,var(--c) 35%,#fff);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .bp-chip i{flex:none;width:6px;height:6px;border-radius:50%;background:var(--c)}
 /* the wall's own figure style */
 .bp-fig{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font:500 11px/1 var(--font-mono);letter-spacing:.02em;color:var(--bone-mute,#9aa3b5);white-space:nowrap}
 .bp-fig b{font-weight:500;font-size:14.5px;color:var(--bone,#ecedf0);font-variant-numeric:tabular-nums}
 .bp-fig small{font-size:11px}
 .bp-go{width:8px;height:8px;border-top:1.5px solid var(--bone-mute,#9aa3b5);border-right:1.5px solid var(--bone-mute,#9aa3b5);transform:rotate(45deg);transition:transform .15s,border-color .15s}
 .bp-foot{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:12px 0 0}
 .bp-foot span{font:13px/1.35 var(--font-sans);color:var(--bone-mute,#9aa3b5)}
 .bp-more{flex:none;padding-bottom:2px;border-bottom:1px solid rgba(236,237,240,.4);font:600 15px/1.3 var(--font-sans);color:var(--bone,#ecedf0)}
 .bp-more b{font-weight:400}
 .bp-more:hover{border-bottom-color:var(--bone,#ecedf0)}
}
/* a phone: the name and the art on one line, what it is under them */
@media(max-width:700px){
 .bp-strip{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"thumbs" "name" "words";gap:0;padding:14px 16px 15px}
 .bp-thumbs{grid-area:thumbs;margin:0 0 12px}
 .bp-thumbs img{width:60px;height:28px}
 .bp-thumbs img+img{margin-left:-10px}
 .bp-strip-copy{display:contents}
 .bp-strip-copy strong{grid-area:name;font-size:17px}
 .bp-strip-copy small{grid-area:words;margin-top:3px;font-size:14px}
}

/* ==== the page ========================================================================================== */
.tw{--tw-gutter:max(5%,calc((100% - 1480px)/2));--tw-ink:#15161a;--tw-muted:#6b6d72;--tw-axis:#5b5e66;--tw-rule:#cfcbbf;--tw-rule-soft:#e2ded3;--tw-paper-2:#ece8de;--tw-track:#e6e1d5;--tw-up:#3f86c6;--tw-up-ink:#1f6aa6;--tw-down:#a34c25;--tw-tick-font:500 13px Atlas,Arial,sans-serif;--tw-hair:#e4dfd3;background:var(--paper,#f4f1ea);color:var(--tw-ink)}

/* the cover: what this is, and when it was built */
.tw-cover{background:var(--night,#0b0f1a);color:var(--bone,#ecedf0);padding:60px var(--tw-gutter) 52px}
.tw-cover-in{display:flex;align-items:flex-end;justify-content:space-between;gap:24px 56px}
.tw-cover h1{font:300 clamp(48px,5.2vw,82px)/1 var(--font-display,var(--font-sans));letter-spacing:-.035em;margin:0 0 18px;color:var(--bone,#ecedf0)}
.tw-sub{font:500 clamp(18px,1.45vw,21px)/1.45 var(--font-sans);color:var(--bone-soft,#b9c0cf);max-width:34em;margin:0;text-wrap:pretty}
.tw-stamp{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:4px;margin:0 0 4px;text-align:right}
.tw-stamp:empty{display:none}
.tw-stamp strong{font:600 17px/1.3 var(--font-sans);color:var(--bone,#ecedf0)}
.tw-stamp span{font:14.5px/1.4 var(--font-sans);color:var(--bone-mute,#9aa3b5)}

.tw-main{padding:32px var(--tw-gutter) 72px}
.tw-missing{margin:0;padding:40px 0;font:18px/1.5 var(--font-sans);color:var(--tw-muted);max-width:40em}

/* what it is, once, in the Atlas's own strip */
.tw-caveat{display:flex;align-items:center;justify-content:space-between;gap:16px 40px;margin:0 0 40px;padding:18px 24px;background:var(--tw-paper-2);border-left:4px solid var(--gold,#d4a012)}
.tw-caveat h2{font:400 20px/1.25 var(--font-display,var(--font-sans));letter-spacing:-.015em;margin:0 0 5px}
.tw-caveat p{font:14.5px/1.55 var(--font-sans);color:var(--tw-muted);margin:0;max-width:78ch;text-wrap:pretty}
.tw-caveat>a{flex:none;font:600 15px/1.3 var(--font-sans);border-bottom:1px solid var(--tw-ink);padding-bottom:2px}

/* one row per game */
.tw-game{margin:0 0 60px;scroll-margin-top:calc(var(--header-h,92px) + 16px)}
.tw-toggle{display:none}
.tw-head{display:grid;grid-template-columns:clamp(300px,36%,500px) minmax(0,1fr) minmax(250px,300px);align-items:stretch;background:var(--night,#0b0f1a);color:var(--bone,#ecedf0);border-radius:8px;overflow:hidden;box-shadow:0 18px 44px rgba(11,15,26,.16)}
/* the art whole, never cropped, over a blurred copy of itself that fills whatever shape its column is */
.tw-art{position:relative;display:block;min-height:200px;margin:24px 0 24px 24px;border-radius:4px;overflow:hidden;background:#05070d}
.tw-shot{position:absolute;inset:0;overflow:hidden}
.tw-shot img{position:absolute;inset:0;display:block;width:100%;height:100%}
.tw-blur{object-fit:cover;filter:blur(16px) brightness(.55) saturate(1.1);transform:scale(1.2)}
.tw-img{object-fit:contain}
.tw-id{align-self:center;min-width:0;padding:30px 28px 30px 32px}
.tw-rank{display:flex;align-items:center;gap:10px;margin:0 0 12px;font:600 15px/1.2 var(--font-sans);color:var(--gold-soft,#e0b04a)}
.tw-num{flex:none;display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 6px;border:1.5px solid var(--gold,#d4a012);border-radius:4px;font:700 15px/1 var(--font-sans);color:var(--gold-soft,#e0b04a);font-variant-numeric:tabular-nums}
.tw-id h2{font:300 clamp(36px,3.4vw,54px)/1.02 var(--font-display,var(--font-sans));letter-spacing:-.03em;margin:0 0 14px;color:var(--bone,#ecedf0);text-wrap:balance}
.tw-release{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0;font:15px/1.4 var(--font-sans);color:var(--bone-mute,#9aa3b5)}
.tw-release:empty{display:none}
.tw-new{display:inline-flex;align-items:center;min-height:25px;padding:0 10px;border:1px solid rgba(236,237,240,.32);border-radius:999px;background:rgba(236,237,240,.1);color:var(--bone,#ecedf0);font:600 12.5px/1 var(--font-sans)}
.tw-side{align-self:center;min-width:0;display:flex;flex-direction:column;gap:20px;padding:30px 30px 30px 0}
.tw-fig{margin:0}
.tw-fig strong{display:block;font:300 clamp(52px,4.6vw,72px)/.95 var(--font-display,var(--font-sans));letter-spacing:-.035em;font-variant-numeric:tabular-nums;color:var(--bone,#ecedf0)}
.tw-fig>span{display:flex;flex-direction:column;gap:2px;margin-top:10px;font:15px/1.4 var(--font-sans);color:var(--bone-mute,#9aa3b5);text-wrap:pretty}
.tw-fig-l{color:var(--bone-soft,#b9c0cf)}
.tw-acts{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:0}
.tw-price{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border:1px solid var(--tw-ink);border-radius:4px;background:var(--tw-ink);color:#fff;font:600 14.5px/1 var(--font-sans);white-space:nowrap}
.tw-price:hover{background:#2b2d33;border-color:#2b2d33;color:#fff}
.tw-head .tw-price{background:var(--bone,#ecedf0);border-color:var(--bone,#ecedf0);color:var(--night,#0b0f1a)}
.tw-head .tw-price:hover{background:#fff;border-color:#fff;color:var(--night,#0b0f1a)}
.tw-steam{padding-bottom:2px;border-bottom:1px solid rgba(236,237,240,.4);font:500 14.5px/1.35 var(--font-sans);color:var(--bone-soft,#b9c0cf);white-space:nowrap}
.tw-steam:hover{border-bottom-color:var(--bone,#ecedf0);color:var(--bone,#ecedf0)}

/* two charts side by side */
.tw-charts{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px 56px;margin:28px 0 0}
.tw-charts figure{margin:0;min-width:0}
.tw-charts figcaption h3{font:400 18px/1.25 var(--font-display,var(--font-sans));letter-spacing:-.01em;margin:0 0 4px}
.tw-charts figcaption p{font:14px/1.45 var(--font-sans);color:var(--tw-muted);margin:0;text-wrap:pretty}
.tw-keys{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 0}
.tw-keys small{font:500 12.5px var(--font-sans);color:var(--tw-muted)}
/* the Atlas's key chips: a white chip, the series' colour as a bar across its top, the count in bold */
.tw-keychip{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:3px 12px 0 10px;border:1px solid var(--tw-rule);border-radius:8px;background:#fff;box-shadow:inset 0 3px 0 var(--s);font:500 13px var(--font-sans);color:var(--tw-ink);font-variant-numeric:tabular-nums}
.tw-keychip i{flex:none;width:10px;height:10px;border-radius:1.5px;background:var(--s)}
.tw-keychip b{margin-left:2px;font-weight:700}
.tw-keychip.is-up{--s:var(--tw-up)}.tw-keychip.is-down{--s:var(--tw-down)}

/* Steam's counts, day by day, drawn as the Atlas's Trends view draws: its grid, axis, ticks, titles and crosshair */
.tw-chart{position:relative;margin-top:12px;min-height:248px;cursor:crosshair;touch-action:pan-y}
.tw-chart svg{display:block;overflow:visible}
.tw-wk{fill:#efebe2}
.tw-wk-edge{stroke:#b9b3a4;stroke-width:1;fill:none}
.tw-band{font:600 12.5px var(--font-sans);fill:#6b6d72}
.tw-band.is-week{fill:#4a4c52}
.tw-grid{stroke:#dfe1e6;stroke-width:1;fill:none}
.tw-base{stroke:#2b2e35;stroke-width:1.4;fill:none}
.tw-tick,.tw-xl{font:var(--tw-tick-font);fill:#33363d;font-variant-numeric:tabular-nums}
.tw-xl.is-cut{font-weight:700;fill:#15161a}
.tw-axt{font:600 13px var(--font-sans);fill:#15161a;letter-spacing:.005em}
.tw-up{fill:var(--tw-up)}.tw-down{fill:var(--tw-down)}
.tw-chart.is-reading .tw-day:not(.is-hot) rect{opacity:.38}
.tw-xh{stroke:#15161a;stroke-width:1.2;stroke-dasharray:4 3;fill:none;pointer-events:none}
.tw-xh-box{fill:#15161a}
.tw-xh-text{font:600 12.5px var(--font-sans);fill:#fff}
.tw-xh-card{position:absolute;left:0;top:0;z-index:3;min-width:196px;padding:10px 13px 11px;border-radius:8px;background:#15161a;color:#fff;box-shadow:0 8px 24px rgba(21,22,26,.22);pointer-events:none;font-family:var(--font-sans)}
.tw-xh-card[hidden]{display:none}
.tw-xh-card p{margin:0}
.tw-xh-day{font:600 12.5px var(--font-sans);color:#c9ccd2}
.tw-xh-what{margin:1px 0 7px!important;font:500 12px var(--font-sans);color:#9ea2ab}
.tw-xh-rows{display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:8px;row-gap:3px;align-items:center}
.tw-xh-rows i{width:9px;height:9px;border-radius:1.5px}
.tw-xh-rows i.is-up{background:var(--tw-up)}.tw-xh-rows i.is-down{background:var(--tw-down)}
.tw-xh-rows span{font:500 13px var(--font-sans);color:#e7e8ec;white-space:nowrap}
.tw-xh-rows b{font:700 15px var(--font-sans);font-variant-numeric:tabular-nums;text-align:right}
.tw-xh-note{margin-top:7px!important;padding-top:6px;border-top:1px solid rgba(255,255,255,.18);font:500 12px var(--font-sans);color:#c9ccd2;font-variant-numeric:tabular-nums}

/* the themes, as the Atlas ranks them: a quiet rank, the group's dot, the name on one column, a thin bar on a
   stepped track (five steps, against the theme that came up most), hairlines between rows, no numbers */
.tw-key{display:flex;flex-wrap:wrap;gap:4px 16px;margin:8px 0 0}
.tw-key i{display:inline-block;width:10px;height:10px;border-radius:1.5px;margin-right:6px;vertical-align:-.02em}
.tw-tt{margin-top:14px}
.tw-tt-head,.tw-tt-row{display:grid;grid-template-columns:24px 190px minmax(0,1fr);column-gap:14px;align-items:center}
.tw-tt-head{margin:0;padding-bottom:9px;border-bottom:1px solid var(--tw-ink);font:600 13px var(--font-sans);color:var(--tw-ink)}
.tw-tt-rows{list-style:none;margin:0;padding:0}
.tw-tt-row{min-height:46px;border-bottom:1px solid var(--tw-hair)}
.tw-tt-rank{font:500 13px var(--font-sans);color:#9ea2ab;font-variant-numeric:tabular-nums;text-align:right}
.tw-tt-name{display:flex;align-items:center;gap:9px;min-width:0;font:15px/1.25 var(--font-sans);color:var(--tw-ink)}
.tw-tt-name i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--grp)}
.tw-tt-track{position:relative;align-self:stretch;background:repeating-linear-gradient(90deg,var(--tw-hair) 0 1px,transparent 1px 20%)}
.tw-tt-bar{position:absolute;left:0;top:50%;height:12px;margin-top:-6px;border-radius:0 3px 3px 0;background:var(--grp)}

/* the week's two most helpful reviews on Steam, side by side, in the Atlas's quote card */
.tw-helpful{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:30px 0 0;align-items:stretch}
.tw-hr{margin:0;padding:16px 18px 15px;border:1px solid var(--tw-rule);border-left:4px solid var(--tw-up-ink);border-radius:8px;background:#fff}
.tw-hr.is-down{border-left-color:var(--tw-down)}
.tw-hr figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 12px}
.tw-hr .verdict{font-size:13.5px}
.tw-hr .verdict-icon{width:28px;height:28px}
.tw-hr-kind{font:650 14px/1.3 var(--font-sans);color:#3d4047}
.tw-hr blockquote{position:relative;margin:0;padding-left:28px}
.tw-hr blockquote::before{content:'“';position:absolute;left:-1px;top:-9px;font:400 46px/1 var(--font-display,var(--font-sans));color:#c9ccd2}
.tw-hr blockquote p{margin:0;font:400 16.5px/1.55 var(--font-sans);color:var(--tw-ink);overflow-wrap:anywhere;text-wrap:pretty}
.tw-hr-facts{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0 28px}
.tw-hr-facts span{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border:1px solid var(--tw-rule);border-radius:999px;background:#fbf9f3;font:500 12.5px/1.2 var(--font-sans);color:#33363d}
.tw-hr-facts b{font-weight:700;font-variant-numeric:tabular-nums}
.tw-hr-more{display:inline-block;margin:10px 0 0 28px;padding:0 0 2px;border:0;border-bottom:1px solid var(--tw-rule);background:none;font:600 14px/1.35 var(--font-sans);color:var(--tw-ink);cursor:pointer}
.tw-hr-more:hover{border-bottom-color:var(--tw-ink)}

.tw-end{display:flex;align-items:center;justify-content:space-between;gap:18px 32px;margin:40px 0 0;padding:26px 28px;background:var(--night,#0b0f1a);color:var(--bone,#ecedf0);border-radius:6px}
.tw-end p{margin:0;font:400 clamp(20px,1.7vw,25px)/1.3 var(--font-display,var(--font-sans));letter-spacing:-.015em;max-width:34em;text-wrap:balance}
.tw-end .tw-price{background:var(--bone,#ecedf0);border-color:var(--bone,#ecedf0);color:var(--night,#0b0f1a)}
.tw-end .tw-price:hover{background:#fff;border-color:#fff;color:var(--night,#0b0f1a)}

/* a laptop: the price and Steam links under the figure */
@media(max-width:1180px){
 .tw-head{grid-template-columns:minmax(260px,40%) minmax(0,1fr);grid-template-areas:"art id" "art side"}
 .tw-art{grid-area:art;margin:24px 0 24px 24px}
 .tw-id{grid-area:id;align-self:end;padding-bottom:12px}
 .tw-side{grid-area:side;align-self:start;padding:8px 28px 30px 34px}
 .tw-fig strong{font-size:52px}
 .tw-charts{gap:28px 40px}
}
/* a tablet: one column */
@media(max-width:900px){
 .tw-head{grid-template-columns:minmax(0,1fr);grid-template-areas:"art" "id" "side"}
 .tw-art{min-height:0;height:250px;margin:22px 22px 0}
 .tw-id{padding:24px 26px 8px}
 .tw-side{padding:8px 26px 26px}
 .tw-charts{grid-template-columns:minmax(0,1fr)}
 .tw-caveat{display:block}
 .tw-caveat>a{display:inline-block;margin-top:12px}
}
/* a phone: each game folds to its name and its week, the first one open */
@media(max-width:700px){
 .tw-cover{padding:40px 16px 30px}
 .tw-cover-in{display:block}
 .tw-cover h1{font-size:clamp(44px,12vw,54px);margin-bottom:12px}
 .tw-sub{font-size:17px}
 .tw-stamp{align-items:flex-start;text-align:left;margin:18px 0 0;gap:2px}
 .tw-stamp strong{font-size:16px}
 .tw-stamp span{font-size:14px}
 .tw-main{padding:18px 12px 56px}
 .tw-caveat{padding:14px 14px 15px 13px;margin-bottom:14px}
 .tw-caveat h2{font-size:19px}
 .tw-caveat p{font-size:14px}
 .tw-game{margin:0 0 14px}
 .tw-toggle{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 12px;width:100%;padding:0;border:0;border-radius:8px;overflow:hidden;background:var(--night,#0b0f1a);color:var(--bone,#ecedf0);text-align:left;box-shadow:0 12px 30px rgba(11,15,26,.14)}
 .tw-toggle-art{grid-column:1/-1;position:relative;display:block;aspect-ratio:460/215;margin:16px 16px 0;border-radius:4px;overflow:hidden;background:#05070d}
 .tw-toggle-copy{min-width:0;display:flex;flex-direction:column;gap:4px;padding:14px 0 16px 16px}
 .tw-toggle .tw-rank{margin:0 0 2px;font-size:14px}
 .tw-toggle .tw-num{min-width:24px;height:24px;font-size:13.5px}
 .tw-toggle-name{font:300 26px/1.1 var(--font-display,var(--font-sans));letter-spacing:-.025em;overflow-wrap:anywhere}
 .tw-toggle-fig{font:14.5px/1.35 var(--font-sans);color:var(--bone-mute,#9aa3b5);font-variant-numeric:tabular-nums}
 .tw-toggle-fig b{font-weight:600;color:var(--bone,#ecedf0)}
 .tw-chev{width:10px;height:10px;margin:0 20px 6px 0;border-right:1.5px solid var(--bone-mute,#9aa3b5);border-bottom:1.5px solid var(--bone-mute,#9aa3b5);transform:rotate(45deg)}
 .tw-game.is-open .tw-chev{transform:rotate(-135deg);margin-bottom:-6px}
 .tw-game.is-open .tw-toggle{border-radius:8px 8px 0 0;box-shadow:none}
 .tw-game:not(.is-open) .tw-body{display:none}
 .tw-body{padding:0 0 28px}
 .tw-head{display:block;margin-top:-1px;padding-top:1px;border-radius:0 0 8px 8px;box-shadow:none}
 .tw-art,.tw-id .tw-rank,.tw-id h2{display:none}
 .tw-id{padding:2px 16px 0}
 .tw-release{margin:0}
 .tw-side{gap:16px;padding:6px 16px 20px}
 .tw-fig strong,.tw-fig-l{display:none}
 .tw-fig>span{margin:0;font-size:15px}
 .tw-since::first-letter{text-transform:uppercase}
 .tw-since{display:block}
 .tw-acts{gap:10px 18px}
 .tw-price{min-height:44px}
 .tw-charts{margin-top:22px;gap:26px}
 .tw-chart{min-height:228px}
 .tw{--tw-tick-font:500 12px Atlas,Arial,sans-serif}
 .tw-keychip{min-height:32px;font-size:12.5px}
 .tw-tt-head,.tw-tt-row{grid-template-columns:16px 158px minmax(0,1fr);column-gap:10px}
 .tw-tt-name{font-size:14px;gap:7px}
 .tw-tt-row{min-height:42px}
 .tw-helpful{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:24px}
 .tw-hr{padding:14px 14px 13px}
 .tw-hr blockquote{padding-left:22px}
 .tw-hr blockquote::before{font-size:40px;top:-7px}
 .tw-hr blockquote p{font-size:16px}
 .tw-hr-facts,.tw-hr-more{margin-left:22px}
 .tw-end{display:block;padding:22px 18px}
 .tw-end .tw-price{margin-top:16px}
}
@media(prefers-reduced-motion:reduce){.tw *,.bp *{transition:none!important}.bp-list a:hover,.bp-list a:focus-visible{transform:none}}