/* Library page, game runner and game pages. Colors, fonts and the footer live in site.css. */
/* Layout concept: a shelf of cash-register receipt stubs. Each simulation is a ticket; inside a run,
   the header is the printed running total and each turn prints one ticket of fields. */
/* per-simulation accent: each game's colors come from its catalog entry (acc: [light, dark]),
   written onto the element as --a / --ad, so adding a game never touches this file */
[data-sim]{--accent:var(--a,#c23b3b);}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) [data-sim]{--accent:var(--ad,var(--a,#e35050));} }
:root[data-theme="dark"] [data-sim]{--accent:var(--ad,var(--a,#e35050));}
/* =================== LIBRARY =================== */
.lib{max-width:1060px;margin:0 auto;padding-inline:16px;padding-block:28px 64px;display:flex;flex-direction:column;gap:34px;}
.lib-head{display:flex;flex-direction:column;gap:12px;border-bottom:2px dashed var(--line-strong);padding-bottom:22px;}
.lib-kicker{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);}
.lib-title{font-family:var(--display);font-weight:700;font-size:clamp(44px,9vw,88px);line-height:.92;letter-spacing:-.01em;margin:0;text-transform:uppercase;text-wrap:balance;}
.lib-title span{color:var(--acc-cafe);}
.lib-lede{font-size:17px;line-height:1.5;color:var(--muted);max-width:60ch;margin:0;}
.lib-stats{display:flex;flex-wrap:wrap;gap:8px 18px;font-family:var(--mono);font-size:13px;color:var(--muted);}
.lib-stats b{color:var(--ink);font-weight:600;}

.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px;}
.sec-head h2{font-family:var(--display);font-weight:600;font-size:22px;letter-spacing:.02em;text-transform:uppercase;margin:0;}
.sec-head p{margin:0;color:var(--muted);font-size:13.5px;}

.playable{display:flex;flex-direction:column;gap:26px;}
.playable-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px;}
.play-tier-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:10px;}
.play-tier-head h3{font-family:var(--display);font-weight:600;font-size:17px;letter-spacing:.06em;text-transform:uppercase;margin:0;}
.play-tier-head span:not(.lvl){color:var(--muted);font-size:13px;}
.play-tier-head .lvl{color:var(--ink);}
a.ticket{text-decoration:none;}
.ticket{position:relative;display:flex;flex-direction:column;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 18px 16px;cursor:pointer;text-align:left;color:inherit;font:inherit;min-width:0;transition:transform .15s ease, border-color .15s ease;}
.ticket::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--accent);border-radius:var(--radius) var(--radius) 0 0;}
.ticket::after{content:"";position:absolute;left:12px;right:12px;bottom:-7px;height:7px;background:radial-gradient(circle at 5px -1px, transparent 4.5px, var(--surface) 5px) 0 0/10px 7px repeat-x;}
.ticket:hover{transform:translateY(-2px);border-color:var(--accent);}
.ticket-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:var(--mono);font-size:12px;color:var(--faint);}
.ticket-top .em{font-size:22px;line-height:1;}
.ticket h3{font-family:var(--display);font-weight:600;font-size:22px;line-height:1.1;margin:0;text-wrap:balance;}
.ticket .c{color:var(--muted);font-size:13.5px;margin:0;}
.ticket-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:6px;}
.chip{font-family:var(--mono);font-size:11.5px;padding:3px 8px;border:1px solid var(--line-strong);border-radius:999px;color:var(--muted);white-space:nowrap;}
.ticket .play{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px dashed var(--line);padding-top:10px;font-family:var(--display);font-weight:600;font-size:14px;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);}
.ticket .best{font-family:var(--mono);font-size:11.5px;color:var(--good);text-transform:none;letter-spacing:0;font-weight:500;}

.filters{display:flex;flex-wrap:wrap;gap:6px;}
.filter{font-family:var(--mono);font-size:12px;padding:6px 11px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface);color:var(--muted);cursor:pointer;}
.filter[aria-pressed="true"]{border-color:var(--ink);color:var(--bg);background:var(--ink);}

.tier{display:flex;flex-direction:column;gap:2px;margin-top:22px;}
.tier-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;border-bottom:2px solid var(--ink);padding-bottom:6px;margin-bottom:4px;}
.tier-head h3{font-family:var(--display);font-weight:600;font-size:17px;letter-spacing:.06em;text-transform:uppercase;margin:0;}
.tier-head span{color:var(--muted);font-size:13px;}
.row{display:grid;grid-template-columns:44px 30px minmax(0,1.3fr) minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 6px;border-bottom:1px dashed var(--line);}
.row .num{font-family:var(--mono);font-size:12.5px;color:var(--faint);font-variant-numeric:tabular-nums;}
.row .em{font-size:18px;text-align:center;}
.row .t{font-weight:600;font-size:14.5px;min-width:0;}
.row .c{color:var(--muted);font-size:13px;min-width:0;}
.row.live{background:color-mix(in srgb, var(--accent) 6%, transparent);}
.row.live .t{color:var(--ink);}
.pill{font-family:var(--mono);font-size:11px;letter-spacing:.04em;padding:3px 8px;border-radius:3px;white-space:nowrap;border:1px solid var(--line-strong);color:var(--faint);}
a.pill.live{text-decoration:none;}
.pill.live{border-color:var(--accent);background:var(--accent);color:var(--accent-ink);cursor:pointer;}
.pill.next{border-color:var(--warn);color:var(--warn);}
@media (max-width:640px){
  .row{grid-template-columns:34px 26px minmax(0,1fr) auto;row-gap:2px;}
  .row .c{grid-column:3 / 5;grid-row:2;}
}

/* =================== RUNNER =================== */
.app{max-width:600px;margin:0 auto;padding-inline:16px;padding-block:10px 56px;}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-block:6px 4px;}
.back{background:none;border:0;padding:6px 0;color:var(--muted);font-family:var(--mono);font-size:12.5px;cursor:pointer;}
.back::before{content:"← ";}
.back:hover{color:var(--ink);}
.back.confirm{color:var(--bad);font-weight:600;}
.libname{font-family:var(--display);font-weight:600;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);}
.tape-head{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--bg);padding-block:10px 12px;border-bottom:2px dashed var(--line-strong);margin-bottom:18px;}
.brand-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;}
.brand{font-family:var(--display);font-weight:600;letter-spacing:.06em;font-size:13px;text-transform:uppercase;color:var(--muted);}
.day-counter{font-family:var(--mono);font-size:13px;color:var(--faint);font-variant-numeric:tabular-nums;}
.meters{display:flex;gap:10px;margin-top:10px;}
.meter{flex:1;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:8px 10px;}
.meter-label{font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--faint);font-weight:600;}
.meter-value{font-family:var(--mono);font-size:17px;font-weight:600;margin-top:2px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.meter-value.is-neg{color:var(--bad);}
.meter-bar{height:4px;background:var(--surface-2);border-radius:2px;margin-top:6px;overflow:hidden;}
.meter-bar > i{display:block;height:100%;border-radius:2px;transition:width .4s ease;}

main#stage{min-height:40vh;}
.screen{display:flex;flex-direction:column;gap:14px;}
.hero-title{font-family:var(--display);font-size:24px;line-height:1.1;margin:0;text-wrap:balance;}
.hero-title.big{font-size:clamp(28px,7vw,38px);line-height:1.05;}
.kicker{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-weight:600;}
.lede{color:var(--muted);font-size:15px;line-height:1.5;max-width:56ch;margin:0;}
.intro-facts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.intro-facts li{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;min-width:0;}
.intro-facts b{display:block;font-family:var(--mono);font-size:16px;color:var(--ink);}
.intro-facts span{font-size:12px;color:var(--muted);}
@media (max-width:480px){ .intro-facts{grid-template-columns:1fr;} }

.field-block{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px;min-width:0;}
.field-label{font-family:var(--display);font-size:16px;font-weight:600;margin:0;display:block;}
.field-help{font-size:12.5px;color:var(--muted);line-height:1.45;margin-top:3px;}
.evt-tag{display:inline-block;font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;border-radius:3px;margin-bottom:6px;border:1px solid currentColor;}
.evt-tag.bad{color:var(--bad);} .evt-tag.good{color:var(--good);} .evt-tag.occ{color:var(--warn);}
.why-now{display:block;margin-top:7px;padding:6px 9px;background:var(--surface-2);border-left:2px solid var(--line-strong);color:var(--ink);font-size:12.5px;line-height:1.45;}
.why-now b{font-weight:600;}
.field-warning{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:var(--warn);line-height:1.4;margin-top:9px;padding-top:9px;border-top:1px dashed var(--line);}
.field-warning .mark{flex:none;width:16px;height:16px;border-radius:50%;border:1.5px solid currentColor;display:inline-flex;align-items:center;justify-content:center;font-family:var(--mono);font-weight:700;font-size:11px;}
.number-input-row{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap;}
.number-input-row .affix{font-family:var(--mono);color:var(--muted);font-size:14px;}
input[type=number]{font-family:var(--mono);font-size:16px;background:var(--surface-2);border:1px solid var(--line-strong);border-radius:var(--radius);padding:8px 10px;width:110px;color:var(--ink);font-variant-numeric:tabular-nums;}
.reset-btn{background:transparent;border:1px solid var(--line-strong);border-radius:var(--radius);width:32px;height:32px;cursor:pointer;color:var(--muted);font-size:15px;line-height:1;}
.reset-btn:hover{color:var(--ink);border-color:var(--ink);}
.default-tag{font-family:var(--mono);font-size:10.5px;color:var(--faint);}
.radio-group{display:flex;flex-direction:column;gap:9px;margin-top:10px;}
.radio-option{display:block;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);padding:10px 12px;cursor:pointer;}
.radio-option.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 7%, var(--surface-2));}
.radio-option input[type=radio]{margin-right:8px;vertical-align:-2px;accent-color:var(--accent);}
.radio-option .opt-label{font-weight:600;font-size:14px;}
.radio-option .opt-sub{display:block;font-size:12.5px;color:var(--muted);margin-top:2px;margin-left:22px;}
.radio-option .opt-number{margin-top:9px;margin-left:22px;}
.radio-option .opt-number .number-input-row{margin-top:6px;}
.radio-option .opt-number .field-label{font-size:12.5px;}
.opt-impact{display:inline-block;margin:5px 0 0 22px;font-family:var(--mono);font-size:11px;padding:2px 7px;border-radius:3px;background:var(--surface);border:1px solid var(--line);color:var(--muted);}
.opt-impact.up{color:var(--bad);border-color:color-mix(in srgb, var(--bad) 40%, var(--line));}
.opt-impact.down{color:var(--good);border-color:color-mix(in srgb, var(--good) 40%, var(--line));}
.dis-note{margin:0;font-style:italic;}
.note-block{font-size:13.5px;color:var(--muted);}

.field-alloc .alloc-bar{display:flex;height:12px;border-radius:2px;overflow:hidden;background:var(--surface-2);margin-top:10px;border:1px solid var(--line);}
.field-alloc .alloc-bar i{display:block;height:100%;transition:width .2s ease;}
.alloc-rows{display:flex;flex-direction:column;gap:6px;margin-top:10px;}
.alloc-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:10px;padding-bottom:6px;border-bottom:1px dashed var(--line);}
.alloc-row .number-input-row{margin-top:0;flex-wrap:nowrap;}
.alloc-row input[type=number]{width:72px;}
.alloc-swatch{width:10px;height:10px;border-radius:2px;}
.alloc-name{font-weight:600;font-size:13.5px;min-width:0;}
.alloc-name span{display:block;font-weight:400;font-size:12px;color:var(--muted);}
.alloc-sum{margin-top:8px;font-family:var(--mono);font-size:12.5px;}
.alloc-sum.ok{color:var(--good);} .alloc-sum.off{color:var(--bad);}

.btn{font-family:var(--display);font-weight:600;letter-spacing:.03em;text-transform:uppercase;font-size:13.5px;border:none;border-radius:var(--radius);padding:12px 20px;cursor:pointer;background:var(--ink);color:var(--bg);align-self:flex-start;}
.btn:hover{opacity:.88;}
.btn:disabled{opacity:.5;cursor:wait;}
.btn.btn-accent{background:var(--accent);color:var(--accent-ink);}
.btn.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line-strong);}
.btn-row{display:flex;gap:10px;flex-wrap:wrap;}
form#turnForm{display:flex;flex-direction:column;gap:10px;}
.form-error{margin:0;color:var(--bad);font-size:13.5px;font-weight:600;}
.pdf-status{margin:0;font-size:13px;color:var(--muted);min-height:1em;}

.feedback{background:var(--surface-2);border-left:3px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;padding:10px 12px;font-size:14px;line-height:1.5;}
.notes-list{display:flex;flex-direction:column;gap:6px;}
.note-line{font-size:13.5px;line-height:1.5;padding:8px 10px;background:var(--surface-2);border-left:3px solid var(--line-strong);border-radius:0 var(--radius) var(--radius) 0;margin:0;}
.recap-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;}
.recap-cell{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;min-width:0;}
.recap-cell .l{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);font-weight:600;}
.recap-cell .v{font-family:var(--mono);font-size:17px;font-weight:600;margin-top:2px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;}
.recap-cell .v small{font-size:12px;font-weight:500;color:var(--muted);}
.v.pos{color:var(--good);} .v.neg, td.neg{color:var(--bad);} td.pos{color:var(--good);}

.debrief-outcome{padding:18px 16px;border-radius:var(--radius);border:1px solid var(--line);}
.debrief-outcome.ok{background:color-mix(in srgb, var(--good) 12%, var(--surface));border-color:var(--good);}
.debrief-outcome.bad{background:color-mix(in srgb, var(--bad) 12%, var(--surface));border-color:var(--bad);}
.debrief-outcome .tag{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);}
.debrief-outcome h2{font-family:var(--display);font-size:28px;margin:4px 0 6px;}
.ledger{width:100%;border-collapse:collapse;font-size:13.5px;}
.ledger td{padding:7px 0;border-bottom:1px dashed var(--line);vertical-align:top;}
.ledger td:last-child{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;padding-left:12px;}
.ledger tr.total td{border-bottom:none;border-top:2px solid var(--line-strong);font-weight:700;padding-top:9px;}
.ledger tr.roi td{font-size:13px;color:var(--muted);border-bottom:none;}

.chart-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 10px 8px;}
.chart-card h3{font-family:var(--display);font-size:14px;margin:0 8px 6px;font-weight:600;}
svg.chart{display:block;width:100%;height:auto;overflow:visible;}
svg.chart .pt, svg.chart .bar{cursor:pointer;}
.chart-legend{display:flex;gap:14px;margin:0 8px 4px;font-size:12px;color:var(--muted);flex-wrap:wrap;}
.chart-legend span{display:inline-flex;align-items:center;gap:5px;}
.chart-legend i{width:9px;height:9px;border-radius:2px;display:inline-block;}
.chart-wrap{position:relative;}
.chart-tip{position:absolute;pointer-events:none;background:var(--ink);color:var(--bg);font-family:var(--mono);font-size:11.5px;padding:4px 7px;border-radius:3px;transform:translate(-50%,-120%);white-space:nowrap;opacity:0;transition:opacity .1s;z-index:9;}

.mistake-box{background:var(--surface-2);border:1px solid var(--line);border-left:3px solid var(--warn);border-radius:0 var(--radius) var(--radius) 0;padding:12px 14px;}
.mistake-box .l{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--warn);font-weight:600;}
.mistake-box p{margin:6px 0 0;font-size:14px;line-height:1.5;}
.mistake-box ul.also{margin:10px 0 0;padding-left:18px;font-size:13px;line-height:1.5;color:var(--muted);display:flex;flex-direction:column;gap:4px;}
.mistake-box ul.also b{color:var(--ink);}
.report-preview{font-size:13px;}
.report-preview summary{cursor:pointer;color:var(--muted);}
.report-preview pre{margin:8px 0 0;max-height:320px;overflow:auto;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;font-family:var(--mono);font-size:11.5px;line-height:1.5;white-space:pre-wrap;word-break:break-word;}
.share-box{background:var(--surface-2);border:1px dashed var(--line-strong);border-radius:var(--radius);padding:12px 14px;font-family:var(--mono);font-size:13px;line-height:1.6;white-space:pre-wrap;}

.cap-block .field-help{max-width:56ch;}
.cap-presets{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px;}
.cap-chip{font-family:var(--mono);font-size:12px;padding:5px 10px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface);color:var(--muted);cursor:pointer;}
.cap-chip.on{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb, var(--accent) 7%, var(--surface));}
.best-note{font-family:var(--mono);font-size:12.5px;color:var(--faint);}

.be-check{border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius);background:var(--surface);padding:12px 14px;display:flex;flex-direction:column;gap:9px;}
.be-head{font-family:var(--display);font-weight:600;font-size:15px;}
.be-head span{font-family:var(--body);font-weight:400;font-size:12px;color:var(--faint);margin-left:6px;}
.be-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;}
.be-cell{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);padding:8px 10px;min-width:0;}
.be-cell.hi{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 6%, var(--surface-2));}
.be-cell .l{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);font-weight:600;}
.be-cell .v{font-family:var(--mono);font-size:16px;font-weight:600;margin-top:2px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;}
.be-cell .v small{font-size:11px;font-weight:500;color:var(--muted);margin-left:2px;}
.be-cell.neg .v{color:var(--bad);}
.be-cell .s{font-size:11.5px;color:var(--muted);margin-top:1px;line-height:1.35;}
.be-note{font-size:13px;line-height:1.5;color:var(--muted);margin:0;}
.be-note b{color:var(--ink);font-weight:600;}
.be-note.warn{color:var(--bad);}
.be-line{font-size:13.5px;line-height:1.5;padding:8px 11px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-2);}
.be-line.good{border-left:3px solid var(--good);} .be-line.bad{border-left:3px solid var(--bad);} .be-line.mid{border-left:3px solid var(--warn);}
.be-line b{font-family:var(--mono);font-weight:600;font-size:13px;}
.be-target{border:1px solid var(--good);background:color-mix(in srgb, var(--good) 8%, var(--surface));border-radius:var(--radius);padding:9px 12px;}
.be-target .l{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--good);font-weight:700;}
.be-target .v{font-family:var(--mono);font-size:22px;font-weight:700;margin-top:2px;}
.be-target .v small{font-size:12px;font-weight:500;color:var(--muted);}
.be-target .s{font-size:12px;color:var(--muted);margin-top:2px;}
.be-after{font-size:13px;line-height:1.55;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);padding:8px 10px;}
.be-after .up{color:var(--bad);font-weight:600;} .be-after .down{color:var(--good);font-weight:600;}
@media (max-width:480px){ .be-cell{padding:7px 8px;} .be-cell .v{font-size:14.5px;} .be-cell .s{font-size:11px;} }
h1[tabindex="-1"]:focus, h2[tabindex="-1"]:focus{outline:none;}
.lvl{display:inline-flex;align-items:center;gap:5px;}
.lvl i{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.25;}
.lvl i.on{opacity:1;}
footer.credit a{color:inherit;text-underline-offset:3px;}
footer.credit{margin-top:28px;font-size:12px;color:var(--faint);text-align:center;}

/* =================== GAME PAGES =================== */
.libname{text-decoration:none;}
a.libname:hover{color:var(--ink);}
.game-below{padding-top:0;display:flex;flex-direction:column;gap:30px;}
.game-about{border-top:2px dashed var(--line-strong);padding-top:20px;display:flex;flex-direction:column;gap:10px;font-size:14.5px;line-height:1.6;}
.game-about h2{font-family:var(--display);font-weight:600;font-size:20px;letter-spacing:.03em;text-transform:uppercase;margin:4px 0 0;}
.game-about h3{font-family:var(--display);font-weight:600;font-size:15.5px;letter-spacing:.05em;text-transform:uppercase;margin:12px 0 0;}
.game-about p{margin:0;color:var(--muted);}
.game-about a{color:var(--accent);text-underline-offset:3px;}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-family:var(--mono);font-size:12px;color:var(--faint);}
.crumbs a{color:var(--muted);text-decoration:none;}
.crumbs a:hover{color:var(--ink);text-decoration:underline;}
.about-facts{margin:0;display:grid;grid-template-columns:1fr;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);}
.about-facts div{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;padding:9px 12px;border-bottom:1px dashed var(--line);}
.about-facts div:last-child{border-bottom:0;}
.about-facts dt{font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);padding-top:2px;}
.about-facts dd{margin:0;color:var(--ink);}
.about-facts .lvl{font-weight:600;}
.about-note{display:block;color:var(--muted);font-size:13px;}
.about-turns{margin:0;padding-left:20px;color:var(--muted);}
.about-turns li{margin-bottom:3px;}
.about-turns b{color:var(--ink);font-weight:600;margin-right:4px;}
.more-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:6px;}
.more-list a{display:block;padding:8px 11px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);text-decoration:none;font-weight:600;font-size:13.5px;line-height:1.35;}
.more-list a:hover{border-color:var(--accent);}
.about-all{margin-top:6px !important;}
@media (max-width:480px){ .about-facts div{grid-template-columns:1fr;gap:2px;} }