:root{--stage: #100703;--stage-l: 14%;--stage-c: .02;--stage-h: 50;--stage-lift: #22150d;--stage-lift-l: 21%;--stage-lift-c: .026;--stage-lift-h: 52;--ink: #2d2118;--ink-l: 26%;--ink-c: .024;--ink-h: 58;--ink-soft: #61564d;--ink-soft-l: 46%;--ink-soft-c: .02;--ink-soft-h: 60;--paper-deep: #d4c1a8;--paper-deep-l: 82%;--paper-deep-c: .04;--paper-deep-h: 75;--paper: #f1e7d3;--paper-l: 93%;--paper-c: .028;--paper-h: 82;--paper-lit: #fbf5e5;--paper-lit-l: 97%;--paper-lit-c: .022;--paper-lit-h: 88;--vermillion: #b6341f;--vermillion-l: 52%;--vermillion-c: .17;--vermillion-h: 32;--verm-lit: #e06b46;--verm-lit-l: 66%;--verm-lit-c: .155;--verm-lit-h: 38;--prussian: #10466c;--prussian-l: 38%;--prussian-c: .085;--prussian-h: 245;--pruss-lit: #2c6f9a;--pruss-lit-l: 52%;--pruss-lit-c: .095;--pruss-lit-h: 240;--brass: #cd9c34;--brass-l: 72%;--brass-c: .13;--brass-h: 82;--brass-deep: #996605;--brass-deep-l: 55%;--brass-deep-c: .115;--brass-deep-h: 74;--verdigris: #3eb59e;--verdigris-l: 70%;--verdigris-c: .11;--verdigris-h: 178;--scorch: #632914;--scorch-l: 36%;--scorch-c: .09;--scorch-h: 40;--lamp: #fbeabe;--lamp-l: 94%;--lamp-c: .06;--lamp-h: 90}@supports (color: oklch(50% .1 100)){:root{--stage: oklch(14% .02 50);--stage-lift: oklch(21% .026 52);--ink: oklch(26% .024 58);--ink-soft: oklch(46% .02 60);--paper-deep: oklch(82% .04 75);--paper: oklch(93% .028 82);--paper-lit: oklch(97% .022 88);--vermillion: oklch(52% .17 32);--verm-lit: oklch(66% .155 38);--prussian: oklch(38% .085 245);--pruss-lit: oklch(52% .095 240);--brass: oklch(72% .13 82);--brass-deep: oklch(55% .115 74);--verdigris: oklch(70% .11 178);--scorch: oklch(36% .09 40);--lamp: oklch(94% .06 90)}}:root{--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-body: "Instrument Sans", "Helvetica Neue", Arial, sans-serif;--fs-micro: .64rem;--fs-caption: .8rem;--fs-body: 1rem;--fs-lead: 1.25rem;--fs-title: 1.5625rem;--fs-display: 1.953rem;--fs-hero: 2.441rem;--fs-monument: 3.815rem;--tr-micro: .04em;--tr-caption: .01em;--tr-body: 0em;--tr-display: -.011em;--tr-hero: -.021em;--s-1: .25rem;--s-2: .5rem;--s-3: .75rem;--s-4: 1rem;--s-5: 1.5rem;--s-6: 2rem;--s-7: 3rem;--s-8: 4rem;--r-cut: 3px;--bevel: 6px;--shadow-cut-1: 1px 2px 0 var(--paper-deep), 2px 3px 4px -1px rgb(16 7 3 / .28);--shadow-cut-2: 2px 3px 0 var(--paper-deep), 4px 6px 10px -2px rgb(16 7 3 / .34);--shadow-cut-3: 3px 4px 0 var(--paper-deep), 8px 12px 22px -4px rgb(16 7 3 / .42);--shadow-press: inset 1px 2px 3px rgb(16 7 3 / .45);--shadow-lift: 4px 7px 0 var(--paper-deep), 10px 16px 28px -6px rgb(16 7 3 / .5);--ease-slide: cubic-bezier(.2, .8, .2, 1);--ease-snap: cubic-bezier(.34, 1.56, .64, 1);--ease-settle: cubic-bezier(.16, 1, .3, 1);--ease-cut: cubic-bezier(.4, 0, 1, 1);--t-ack: 90ms;--t-state: .16s;--t-panel: .26s;--t-scene: .42s;--t-ceremony: .9s;--hud-h: 4.5rem;--shop-h: 8.5rem;--lane-max: 1600px}@media (prefers-reduced-motion: reduce){:root{--t-ack: 1ms;--t-state: 1ms;--t-panel: 1ms;--t-scene: 1ms;--t-ceremony: 1ms;--ease-snap: cubic-bezier(.2, .8, .2, 1)}}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/fraunces-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2122,U+2212,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/fraunces-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+1E00-1E9F,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/instrument-sans-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2122,U+2212,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/instrument-sans-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+1E00-1E9F,U+2C60-2C7F,U+A720-A7FF}*,*:before,*:after{box-sizing:border-box}:root{--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");--felt: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23f)' opacity='0.62'/%3E%3C/svg%3E")}html{color-scheme:dark}body{margin:0;min-height:100svh;background:var(--stage);color:var(--paper);font-family:var(--font-body);font-size:var(--fs-body);line-height:1.45;overflow:hidden;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:var(--felt);background-size:220px 220px;mix-blend-mode:overlay;opacity:.5}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(120% 100% at 8% -10%,rgb(255 232 176 / .16),transparent 62%)}.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:fixed;top:var(--s-2);left:var(--s-2);z-index:99;transform:translateY(-200%);background:var(--brass);color:var(--ink);padding:var(--s-2) var(--s-4);border-radius:var(--r-cut);font-weight:600;text-decoration:none;transition:transform var(--t-state) var(--ease-snap)}.skip:focus{transform:none}:where(button):focus-visible,:where(a):focus-visible{outline:3px solid var(--brass);outline-offset:3px}.num{font-family:var(--font-body);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:var(--tr-caption)}#app{position:relative;z-index:1;display:grid;grid-template-rows:auto 1fr auto;height:100svh}#app[hidden]{display:none}.hud{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--s-4);padding:var(--s-2) var(--s-4);min-height:var(--hud-h);background:linear-gradient(180deg,color-mix(in oklab,var(--brass) 26%,var(--stage-lift)) 0%,var(--stage-lift) 46%,color-mix(in oklab,var(--stage) 70%,var(--stage-lift)) 100%);box-shadow:var(--shadow-cut-2)}.basebar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--s-2) var(--s-3)}.basebar--foe{direction:rtl}.basebar--foe>*{direction:ltr}.basebar__label{grid-column:1 / -1;font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:var(--tr-micro);color:color-mix(in oklab,var(--paper) 62%,var(--stage))}.basebar__num{font-size:var(--fs-caption);color:var(--paper-deep);min-width:4.5ch;text-align:right}.basebar--foe .basebar__num{text-align:left}.meter{position:relative;height:14px;overflow:hidden;border-radius:2px;background:color-mix(in oklab,var(--stage) 76%,var(--ink));box-shadow:var(--shadow-press)}.meter__fill{position:absolute;inset:0 auto 0 0;width:100%;transform:scaleX(var(--v, 1));transform-origin:0 50%;transition:transform var(--t-panel) var(--ease-slide)}.basebar--foe .meter__fill{transform-origin:100% 50%;inset:0 0 0 auto}.meter--base .meter__fill{background:linear-gradient(180deg,var(--verm-lit),var(--vermillion) 62%,var(--scorch))}.basebar--foe .meter--base .meter__fill{background:linear-gradient(180deg,var(--pruss-lit),var(--prussian) 62%,color-mix(in oklab,var(--prussian) 60%,var(--ink)))}.meter--xp{height:9px}.meter--xp .meter__fill{background:linear-gradient(180deg,color-mix(in oklab,var(--verdigris) 70%,white),var(--verdigris))}.hud__mid{display:flex;align-items:center;gap:var(--s-5)}.purse{display:flex;align-items:center;gap:var(--s-2)}.purse__icon{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 34% 28%,var(--lamp),var(--brass) 52%,var(--brass-deep));box-shadow:1px 2px #10070380}.purse__n{font-size:var(--fs-title);font-weight:700;color:var(--brass);min-width:5ch}.purse--bump{animation:bump var(--t-state) var(--ease-snap)}@keyframes bump{0%{transform:none}40%{transform:translateY(-3px) scale(1.06)}to{transform:none}}.agebox{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:0 var(--s-2);min-width:190px}.agebox__roman{grid-row:1 / 3;font-family:var(--font-display);font-variation-settings:"opsz" 120,"SOFT" 40,"WONK" 1;font-size:var(--fs-hero);font-weight:700;line-height:.9;color:var(--brass)}.agebox__name{font-family:var(--font-display);font-variation-settings:"opsz" 28,"SOFT" 40,"WONK" 1;font-size:var(--fs-lead);letter-spacing:var(--tr-display);color:var(--paper)}.stage{position:relative;overflow:hidden}#lane{display:block;width:100%;height:100%}.pause{position:absolute;top:var(--s-3);right:var(--s-3);width:40px;height:40px;padding:0;border:0;border-radius:var(--r-cut);cursor:pointer;background:linear-gradient(180deg,var(--brass),var(--brass-deep));box-shadow:var(--shadow-cut-1);transition:transform var(--t-ack) var(--ease-snap),box-shadow var(--t-ack) var(--ease-snap)}.pause span{display:block;width:12px;height:14px;margin:0 auto;border-left:4px solid var(--ink);border-right:4px solid var(--ink)}.pause[data-paused="1"] span{width:0;height:0;border:8px solid transparent;border-left:13px solid var(--ink);margin-left:15px}.pause:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow-cut-2)}.pause:active{transform:translate(1px,2px);box-shadow:var(--shadow-press)}.page-turn{position:absolute;inset:0;display:grid;place-content:center;gap:var(--s-1);text-align:center;pointer-events:none;opacity:0;background:linear-gradient(180deg,#100703d1,#1007039e)}.page-turn.on{animation:pageturn var(--t-ceremony) var(--ease-settle) both}@keyframes pageturn{0%{opacity:0;transform:perspective(900px) rotateY(-38deg);transform-origin:0 50%}22%{opacity:1}76%{opacity:1;transform:none}to{opacity:0;transform:perspective(900px) rotateY(6deg)}}.page-turn__roman{font-family:var(--font-display);font-variation-settings:"opsz" 144,"SOFT" 60,"WONK" 1;font-size:var(--fs-monument);font-weight:800;color:var(--brass);line-height:1}.page-turn__name{font-family:var(--font-display);font-variation-settings:"opsz" 60,"SOFT" 50,"WONK" 1;font-size:var(--fs-display);color:var(--paper);letter-spacing:var(--tr-display)}.page-turn__doctrine{font-size:var(--fs-body);color:var(--paper-deep);max-width:34ch;margin-inline:auto}.shop{display:grid;grid-template-columns:1fr auto;gap:var(--s-4);align-items:stretch;padding:var(--s-3) var(--s-4) var(--s-4);background:linear-gradient(180deg,color-mix(in oklab,var(--stage) 55%,var(--stage-lift)),var(--stage));box-shadow:0 -2px color-mix(in oklab,var(--brass) 42%,var(--stage)),0 -14px 26px -12px #000c}.shop__rail{display:flex;gap:var(--s-3);overflow-x:auto;padding-block:2px;scrollbar-width:thin}.shop__ops{display:grid;grid-template-columns:repeat(2,minmax(96px,1fr));gap:var(--s-2)}.card{position:relative;flex:0 0 auto;width:132px;display:grid;grid-template-rows:1fr auto auto;gap:2px;padding:var(--s-2) var(--s-2) var(--s-3);border:0;cursor:pointer;text-align:left;color:var(--ink);border-radius:var(--r-cut);clip-path:polygon(var(--bevel) 0,100% 0,100% calc(100% - var(--bevel)),calc(100% - var(--bevel)) 100%,0 100%,0 var(--bevel));background:var(--grain) 0 0 / 140px 140px,linear-gradient(168deg,var(--paper-lit),var(--paper) 42%,var(--paper-deep));background-blend-mode:multiply,normal;box-shadow:var(--shadow-cut-2);transition:transform var(--t-ack) var(--ease-snap),box-shadow var(--t-ack) var(--ease-snap),filter var(--t-state) var(--ease-slide)}.card:hover:not(:disabled){transform:translate(-1px,-2px);box-shadow:var(--shadow-lift)}.card:active:not(:disabled){transform:translate(1px,3px);box-shadow:var(--shadow-press)}.card:disabled{cursor:not-allowed;filter:saturate(.28) brightness(.72)}.card__art{display:block;height:62px;margin:0 auto;object-fit:contain;image-rendering:auto}.card__name{font-family:var(--font-display);font-variation-settings:"opsz" 22,"SOFT" 45,"WONK" 1;font-size:var(--fs-caption);font-weight:700;letter-spacing:var(--tr-caption);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card__cost{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-caption);font-weight:700;color:var(--ink)}.card__cost:before{content:"";width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 34% 28%,var(--lamp),var(--brass) 55%,var(--brass-deep))}.card__bar{position:absolute;inset:auto 0 0;height:3px;background:var(--verdigris);transform:scaleX(var(--afford, 1));transform-origin:0 50%;transition:transform var(--t-state) var(--ease-slide)}.card__role{position:absolute;top:4px;right:5px;font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:var(--tr-micro);color:color-mix(in oklab,var(--ink) 62%,var(--paper))}.op{display:grid;align-content:center;gap:1px;padding:var(--s-2);border:0;cursor:pointer;text-align:left;border-radius:var(--r-cut);color:var(--ink);clip-path:polygon(var(--bevel) 0,100% 0,100% calc(100% - var(--bevel)),calc(100% - var(--bevel)) 100%,0 100%,0 var(--bevel));background:linear-gradient(168deg,color-mix(in oklab,var(--brass) 70%,var(--lamp)),var(--brass) 45%,var(--brass-deep));box-shadow:var(--shadow-cut-1);transition:transform var(--t-ack) var(--ease-snap),box-shadow var(--t-ack) var(--ease-snap),filter var(--t-state) var(--ease-slide)}.op:hover:not(:disabled){transform:translate(-1px,-2px);box-shadow:var(--shadow-cut-2)}.op:active:not(:disabled){transform:translate(1px,2px);box-shadow:var(--shadow-press)}.op:disabled{cursor:not-allowed;filter:saturate(.2) brightness(.6)}.op__k{font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:var(--tr-micro);font-weight:700}.op__v{font-size:var(--fs-body);font-weight:700}.op--age:not(:disabled){background:linear-gradient(168deg,color-mix(in oklab,var(--verdigris) 55%,var(--lamp)),var(--verdigris) 50%,color-mix(in oklab,var(--verdigris) 60%,var(--ink)));animation:readypulse 2.4s var(--ease-settle) infinite}@keyframes readypulse{0%,to{box-shadow:var(--shadow-cut-1)}50%{box-shadow:var(--shadow-cut-2),0 0 0 3px color-mix(in oklab,var(--verdigris) 40%,transparent)}}.boot{position:fixed;inset:0;display:grid;place-content:center;gap:var(--s-4);justify-items:center;z-index:30;background:var(--stage)}.boot p{margin:0;color:var(--paper-deep);font-size:var(--fs-caption);letter-spacing:var(--tr-caption)}.boot__mark{width:46px;height:62px;background:linear-gradient(168deg,var(--paper-lit),var(--paper) 45%,var(--paper-deep));clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);box-shadow:var(--shadow-cut-2);animation:cut 1.1s var(--ease-settle) infinite alternate}@keyframes cut{0%{transform:rotate(-4deg) translateY(0)}to{transform:rotate(3deg) translateY(-6px)}}@media (max-width: 720px){.hud{grid-template-columns:1fr 1fr;grid-template-areas:"me foe" "mid mid";gap:var(--s-2)}.hud__side--me{grid-area:me}.hud__side--foe{grid-area:foe}.hud__mid{grid-area:mid;justify-content:space-between}.agebox{min-width:0}.shop{grid-template-columns:1fr}.shop__ops{grid-template-columns:repeat(4,1fr)}.card{width:108px}.card__art{height:48px}}@media (prefers-reduced-motion: reduce){.op--age:not(:disabled){animation:none;box-shadow:var(--shadow-cut-2),0 0 0 3px color-mix(in oklab,var(--verdigris) 40%,transparent)}.boot__mark{animation:none}.page-turn.on{animation:pageturn-reduced 1.4s linear both}@keyframes pageturn-reduced{0%,92%{opacity:1}to{opacity:0}}}