/* Shared visual tokens. These are the main controls for a new visual direction. */
@font-face{font-family:'Pixelify Sans';src:url('../assets/fonts/PixelifySans[wght].ttf') format('truetype');font-weight:400 700;font-display:swap}
@font-face{font-family:'Space Mono';src:url('../assets/fonts/SpaceMono-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Space Mono';src:url('../assets/fonts/SpaceMono-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:'Luxurious Script';src:url('../assets/fonts/LuxuriousScript-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
:root{
  --ink:#191919;--paper:#dfdcd0;--accent:#f27242;--pink:#fd899c;--violet:#7f5fca;--red:#f03434;--gold:#d9a453;
  --resource-dark:#252447;--resource-deep:#503458;--resource-mid:#765384;--resource-light:#b27fc3;
  --resource-header:#faf7e7;--body-font:'Space Mono',monospace;--display-font:'Pixelify Sans',monospace;--script-font:'Luxurious Script',cursive;
  --art-hue:0deg;--art-saturation:1;--texture-opacity:.65;
}
.slide{position:relative;isolation:isolate;width:1600px;height:900px;overflow:hidden;background:var(--paper);color:var(--ink);font-family:var(--body-font);font-weight:400;flex-shrink:0}
.slide .art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:hue-rotate(var(--art-hue)) saturate(var(--art-saturation));pointer-events:none}
.slide.paper::before{content:'';position:absolute;inset:0;background:url('../assets/paper.png') repeat;background-size:550px 350px;opacity:var(--texture-opacity);mix-blend-mode:luminosity;z-index:-1;pointer-events:none}
.slide.resource{background:#fff;color:var(--resource-dark);font-family:Arial,sans-serif}
.slide.resource .band{position:absolute;left:0;top:0;width:1600px;height:205px;background:var(--resource-header)}
.slide .element{position:absolute;margin:0;white-space:pre-wrap;overflow-wrap:normal;line-height:1.17;font-weight:400;box-sizing:border-box}
.slide .pixel{font-family:var(--display-font);line-height:1.2}
.slide .script-letter{font-family:var(--script-font);font-size:1.23em;line-height:.5;display:inline-block;position:relative;top:.035em;margin-right:-.1em}
.slide .ornament{font-family:Arial,sans-serif;letter-spacing:-3px;line-height:1;font-weight:400}
.slide .vector{position:absolute;color:var(--resource-mid)}
.slide .vector svg{display:block;overflow:visible;width:100%;height:100%}
.slide .asset-image{position:absolute;object-fit:contain}
.slide .rule{position:absolute;border-top:1.5px solid currentColor}
.slide .pill{position:absolute;border:1.7px solid currentColor;border-radius:48px;text-align:center;padding:15px 10px;font-size:27px;font-weight:700;line-height:1.2}
.slide .resource-button{background:var(--resource-deep);color:white;border:0;font-family:Arial,sans-serif;font-size:28px;text-decoration:underline}
.slide .native-table{position:absolute;border-collapse:collapse;font:28px/1.15 var(--body-font);color:var(--ink)}
.slide .native-table td{padding:16px 14px;border-bottom:1.5px dashed currentColor;vertical-align:middle}
.slide .native-table tr:last-child td{border-bottom:0}
.slide .native-table td:last-child{text-align:right;font-weight:700}
.slide .native-table td:nth-child(2){text-align:right}
.slide .native-table[data-chart-table]{border:1.5px solid currentColor}
.slide .chart{position:absolute;overflow:visible}
.slide .chart text{font-family:Arial,sans-serif;fill:var(--ink)}
.slide .resource-table{position:absolute;border-collapse:collapse;font:11px Arial,sans-serif;color:white;table-layout:fixed}
.slide .resource-table td,.slide .resource-table th{border:3px solid #fff;height:45px;text-align:center;background:var(--resource-light);font-weight:400}
.slide .resource-table tr:first-child td,.slide .resource-table th{background:var(--resource-mid)}
.slide .color-swatch{position:absolute;width:125px;height:120px;border:4px solid var(--resource-deep);border-radius:24px;display:grid;place-items:center;font:22px Arial,sans-serif}
.slide [data-edit]{outline:0;border-radius:2px}
.editing .slide [data-edit]{cursor:text;outline:1.5px dashed #4e58a77a;outline-offset:5px}
.editing .slide [data-edit]:focus{outline:2px solid #4e58a7;background:#ffffff26}
.slide .editable-data:focus{outline:2px solid var(--accent)}
.slide .resource a{color:inherit}
[data-typography='clean']{--display-font:Arial,sans-serif;--body-font:Arial,sans-serif;--script-font:Arial,sans-serif}
[data-typography='mono']{--display-font:'Space Mono',monospace;--script-font:'Space Mono',monospace}
[data-typography='clean'] .script-letter,[data-typography='mono'] .script-letter{font-size:1em;top:0;margin-right:0}

.slide:not(.resource) .element:not(.pixel):not(.ornament){letter-spacing:-.05em}
.slide .native-table{letter-spacing:-.04em}