@font-face{font-family:"Instrument Serif";font-style:normal;font-display:swap;font-weight:400;src:url(./instrument-serif-latin-ext-400-normal-C2je3j2s.woff2) format("woff2"),url(./instrument-serif-latin-ext-400-normal-CFCUzsTy.woff) format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Instrument Serif";font-style:normal;font-display:swap;font-weight:400;src:url(./instrument-serif-latin-400-normal-DnYpCC2O.woff2) format("woff2"),url(./instrument-serif-latin-400-normal-BVbkICAY.woff) format("woff");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:"Instrument Serif";font-style:italic;font-display:swap;font-weight:400;src:url(./instrument-serif-latin-ext-400-italic-C9HzH3YL.woff2) format("woff2"),url(./instrument-serif-latin-ext-400-italic-D7-lnxEk.woff) format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Instrument Serif";font-style:italic;font-display:swap;font-weight:400;src:url(./instrument-serif-latin-400-italic-DKMiL14s.woff2) format("woff2"),url(./instrument-serif-latin-400-italic-u__WvvIK.woff) format("woff");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:Instrument Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./instrument-sans-latin-ext-400-normal-Q_nF8v4l.woff2) format("woff2"),url(./instrument-sans-latin-ext-400-normal-r32jotim.woff) format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./instrument-sans-latin-400-normal-DRC__1Mx.woff2) format("woff2"),url(./instrument-sans-latin-400-normal-D1W7dsQl.woff) format("woff");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:Instrument Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./instrument-sans-latin-ext-600-normal-BsaQcF38.woff2) format("woff2"),url(./instrument-sans-latin-ext-600-normal-DMks36a2.woff) format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./instrument-sans-latin-600-normal-B7fBEWYG.woff2) format("woff2"),url(./instrument-sans-latin-600-normal-B9e8oLYv.woff) format("woff");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}:root{--felt: #0f3a2d;--felt2: #0a2a20;--cream: #f6efe0;--gold: #d8b45a;--red: #c8402f;--ink: #1e1a14}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden}body{background:var(--felt2);color:var(--cream);font:400 12px/1.45 Instrument Sans,system-ui,sans-serif}.table{position:relative;height:100%;overflow:hidden;background:radial-gradient(ellipse at 62% 48%,rgba(255,255,255,.07),transparent 55%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='f'><feTurbulence type='fractalNoise' baseFrequency='1.4' numOctaves='2'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .35 0'/></filter><rect width='100%' height='100%' filter='url(%23f)'/></svg>"),radial-gradient(ellipse at 50% 50%,var(--felt) 30%,var(--felt2) 100%)}.zone{position:absolute;top:0;bottom:0;width:64px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;pointer-events:none;text-transform:uppercase;letter-spacing:.3em;font-size:10px;font-weight:600;transition:background .2s}.zone b{writing-mode:vertical-rl;transform:rotate(180deg);font-weight:600}.zone span{font:400 26px/1 "Instrument Serif";letter-spacing:0}.zone.burn{left:0;color:#e98a7d;background:linear-gradient(90deg,rgba(200,64,47,calc(max(0,-1 * var(--lean))*.45)),transparent)}.zone.keep{right:0;color:var(--gold);background:linear-gradient(270deg,rgba(216,180,90,calc(max(0,var(--lean))*.4)),transparent)}.zone.keep b{transform:none}.hd{position:absolute;left:92px;top:34px;width:min(300px,34%)}.eyebrow{margin:0 0 10px;text-transform:uppercase;letter-spacing:.24em;font-size:10px;font-weight:600;color:var(--gold)}h1{margin:0;font:400 46px/.95 "Instrument Serif",serif;letter-spacing:-.01em}h1 em{color:var(--gold)}.lede{margin:14px 0 0;max-width:30ch;color:#f6efe0d9;font-size:12.5px}.deck{position:absolute;left:63%;top:47%;width:0;height:0}.slot{position:absolute;left:0;top:0;will-change:transform}.card{--h: min(66vh, 360px);position:absolute;left:calc(var(--h) * -.33);top:calc(var(--h) * -.5);width:calc(var(--h) * .66);height:var(--h);padding:calc(var(--h) * .05);border-radius:12px;color:var(--ink);cursor:grab;touch-action:none;user-select:none;background:linear-gradient(var(--cream),var(--cream)) padding-box,linear-gradient(135deg,var(--gold),#8a6a24 50%,var(--gold)) border-box;border:5px solid transparent;box-shadow:0 1px #fff9 inset,0 18px 30px -12px #0009,0 2px 4px #0000004d;display:grid;grid-template-rows:auto 1fr auto auto auto;will-change:transform}.card:active{cursor:grabbing}.card:before{content:"";position:absolute;inset:6px;border:1px solid rgba(184,146,58,.55);border-radius:6px;pointer-events:none}.corner{font:400 22px/1 "Instrument Serif";color:var(--red)}.corner span{font:600 8px Instrument Sans;letter-spacing:.2em;text-transform:uppercase;display:block;color:#8a6a24}.foot{display:flex;justify-content:space-between;font:600 8px Instrument Sans;letter-spacing:.2em;text-transform:uppercase;color:#8a6a24}.stress{position:absolute;top:calc(var(--h) * .065);right:calc(var(--h) * .065);font-size:11px;letter-spacing:.25em;color:var(--red);text-align:right}.stress span{display:block;font:600 8px Instrument Sans;letter-spacing:.2em;text-transform:uppercase;color:#8a6a24}.motif{align-self:center;justify-self:center;width:70%}.motif svg{display:block;width:100%;height:auto}.card h2{margin:0;font:italic 400 calc(var(--h) * .13)/1 "Instrument Serif",serif;letter-spacing:-.01em;text-align:center}.card ul{list-style:none;margin:8px 0 6px;border-top:1px solid rgba(30,26,20,.18);text-align:left;font:italic 400 calc(var(--h) * .048)/1.2 "Instrument Serif";color:#4d3f2c;padding:7px 0 0 18%}.card li:before{content:"~ ";color:var(--red);font-style:normal}.verse{margin-top:26px;padding-top:12px;border-top:1px solid rgba(216,180,90,.3)}.verse .lbl{text-transform:uppercase;letter-spacing:.22em;font-size:9.5px;font-weight:600;color:var(--gold)}.verse p{margin:6px 0 0;font:italic 400 20px/1.15 "Instrument Serif"}.verse i{color:#f6efe0b3}.ctrl{position:absolute;left:63%;transform:translate(-50%);bottom:14px;display:flex;flex-direction:column;gap:6px;align-items:stretch;width:270px}.seg .lbl{align-self:center;padding:0 8px 0 10px;font:600 9px Instrument Sans;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-right:auto}.seg.acts{justify-content:space-between;background:transparent;border-color:transparent;padding:0}.seg.acts button{border:1px solid rgba(216,180,90,.45);flex:1}.seg{display:flex;gap:2px;padding:3px;border-radius:99px;background:#00000040;border:1px solid rgba(216,180,90,.3)}.seg button{font:600 10px/1 Instrument Sans;text-transform:uppercase;letter-spacing:.12em;border:0;background:transparent;color:var(--cream);padding:6px 10px;border-radius:99px;cursor:pointer}.seg button:hover{color:var(--gold)}.seg button.on{background:var(--gold);color:var(--ink)}@media(max-width:620px){.zone{width:30px}.zone b{font-size:8.5px}.zone span{font-size:18px}.hd{left:44px;top:14px;width:auto;right:44px}h1{font-size:28px}h1 br,.lede{display:none}.deck{left:50%;top:52%}.card{--h: min(52vh, 300px)}.verse{display:none}.ctrl{right:40px;left:40px;bottom:10px;width:auto;transform:none}}