.orfeo-page{--brass:#c9a24a;--brass-hi:#ecd28a;--brass-lo:#7a5c1c;--lacquer:#15100e;--rule:1.5px solid var(--ink);--dash:1.5px dashed #16140f52;--key-ink:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='22' viewBox='0 0 26 22'%3E%3Cg fill='none' stroke='%2316140f' stroke-width='2' stroke-linecap='square'%3E%3Cpath d='M0 2H26M0 20H26'/%3E%3Cpath d='M3 20V6H19V16H9V10H14'/%3E%3C/g%3E%3C/svg%3E");--key-brass:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='26' viewBox='0 0 22 26'%3E%3Cg fill='none' stroke='%23c9a24a' stroke-width='2' stroke-linecap='square'%3E%3Cpath d='M2 0V26M20 0V26'/%3E%3Cpath d='M20 3H6V19H16V9H10V14'/%3E%3C/g%3E%3C/svg%3E");max-width:1440px;padding:0 var(--gutter) 10vh;margin:0 auto}.orfeo-page__head{position:relative}.orfeo-page__head>.stamp{position:absolute;top:22vh;right:0;rotate:8deg}.orfeo-page__sigil{width:min(256px,60vw);height:auto;image-rendering:pixelated;margin-top:1.2rem}.orfeo-page__notes{margin-top:5rem}.orfeo-page__refs{gap:.5rem;padding-left:1.4rem;font-size:.95rem;display:grid}.orfeo{filter:drop-shadow(0 40px 60px #000000bf);-webkit-user-select:none;user-select:none;grid-template-columns:26px minmax(0,1fr) 26px;display:grid}.orfeo [hidden]{display:none!important}.orfeo__cheek{background:var(--key-brass) repeat-y center / 100% auto, linear-gradient(90deg, #ffffff0f, transparent 30%, transparent 70%, #00000059), var(--lacquer);border-radius:10px;box-shadow:inset 0 0 0 1px #0009,inset 2px 0 5px #ecd28a1f}.orfeo__face{min-width:0;color:var(--ink);background:var(--paper);background-image:var(--fibres);padding:4px clamp(12px,2.4vw,30px) 10px;position:relative}.frieze{background:var(--key-ink) repeat-x center / auto 100%;opacity:.8;height:18px;margin:10px 0 14px}.frieze--bottom{margin:18px 0 4px;transform:scaleY(-1)}.orfeo__top{border-bottom:var(--rule);flex-wrap:wrap;align-items:center;gap:16px 24px;padding-bottom:14px;display:flex}.orfeo__brand{gap:2px;min-width:220px;margin-right:auto;display:grid}.orfeo__logo{font:italic 400 2.6rem/1 var(--f-display);letter-spacing:-.01em}.orfeo__logo span{color:var(--verm);padding:0 .05em}.orfeo__brand .mono{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);font-size:10px}.orfeo__brand .orfeo__status{letter-spacing:.02em;text-transform:none;max-width:48ch;min-height:1.3em;color:var(--c-p)}.orfeo__brand .orfeo__status:after{content:"▌";margin-left:2px;animation:1s steps(2,end) infinite caret}@keyframes caret{50%{opacity:0}}.orfeo__scopes{gap:4px;display:grid}.orfeo__scope{border:var(--rule);background:var(--paper-2);width:min(280px,80vw);height:84px;image-rendering:pixelated;border-radius:4px}.heat{justify-items:center;display:grid;position:relative}.heat__flames{pointer-events:none;background:linear-gradient(0deg, var(--verm), var(--acid));clip-path:polygon(50% 0,64% 30%,86% 22%,80% 55%,100% 70%,74% 100%,26% 100%,0 70%,20% 55%,14% 22%,36% 30%);width:26px;height:34px;opacity:calc(var(--heat,0) * 1.2);translate:-50%;scale:1 calc(.3 + var(--heat,0) * 1.1);transform-origin:50% 100%;animation:.2s infinite alternate flicker;position:absolute;bottom:38px;left:50%}@keyframes flicker{to{scale:1.08 calc(.34 + var(--heat,0) * 1.2)}}.orfeo__bar{border-bottom:var(--rule);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 0;display:flex}.orfeo .btn{font:500 11px/1 var(--f-mono);letter-spacing:.06em;color:var(--ink);cursor:pointer;background:var(--paper-2);border:1.5px solid var(--ink);border-radius:3px;padding:7px 10px;transition:background .15s,color .15s}.orfeo .btn:hover,.orfeo .btn:focus-visible{background:var(--acid)}.orfeo .btn[aria-pressed=true]{background:var(--ink);color:var(--verm)}.orfeo .btn--sm{padding:5px 8px;font-size:10px}.orfeo .btn--quiet{background:0 0}.orfeo .btn--boon{border:0;margin:0 6px}.orfeo .linkish{color:var(--c-np)}.orfeo .field{font:10px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);align-items:center;gap:6px;display:inline-flex}.orfeo .field b{min-width:2ch;color:var(--ink);font-weight:600}.orfeo select{font:11px var(--f-mono);color:var(--ink);background:var(--paper-2);border:1.5px solid var(--ink);border-radius:3px;max-width:190px;padding:4px}.orfeo select:disabled{opacity:.45}.orfeo input[type=range]{width:90px;accent-color:var(--ink)}.orfeo .lbl{font:10px var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2);margin-left:6px}.orfeo .nudge{width:24px;height:24px;font:600 13px/1 var(--f-mono);color:var(--ink);background:var(--paper-2);border:1.5px solid var(--ink);cursor:pointer;border-radius:50%}.orfeo .nudge:hover{background:var(--acid)}.orfeo .sw{height:26px;font:600 10px var(--f-mono);letter-spacing:.04em;color:var(--ink);background:var(--paper-2);border:1.5px solid var(--ink);cursor:pointer;border-radius:3px;align-items:center;gap:6px;padding:0 9px 0 7px;display:inline-flex}.orfeo .sw:before{content:"";background:var(--paper-3);width:7px;height:7px;box-shadow:inset 0 0 0 1px var(--ink);border-radius:50%}.orfeo .sw[aria-pressed=true]{background:var(--ink);color:var(--acid)}.orfeo .sw[aria-pressed=true]:before{background:var(--verm);box-shadow:0 0 6px var(--verm)}.orfeo .seg{border:1.5px solid var(--ink);border-radius:3px;display:inline-flex;overflow:hidden}.orfeo .seg button{font:600 10px var(--f-mono);color:var(--ink);background:var(--paper-2);cursor:pointer;border:0;border-right:1px solid #16140f66;padding:5px 8px}.orfeo .seg button:last-child{border-right:0}.orfeo .seg button[aria-pressed=true]{background:var(--ink);color:var(--acid)}.orfeo .seg--mini button{padding:3px 5px;font-size:9px}.orfeo .knob{width:50px}.orfeo .knob--md{width:62px}.orfeo .knob--lg{width:84px}.orfeo .knob__pointer{stroke:var(--hue,var(--c-exp))}.orfeo .knob__label{text-align:center;line-height:1.15}.orfeo .knob.is-learning .knob__skirt{animation:.6s infinite alternate learn}@keyframes learn{to{fill:var(--c-p)}}.mod{--hue:var(--ink);border-bottom:var(--rule);padding:16px 0 18px}.mod--gifts{border-bottom:0}.mod__head{flex-wrap:wrap;align-items:baseline;gap:4px 16px;margin-bottom:12px;display:flex}.mod__title{font:italic 400 2rem/1 var(--f-display);letter-spacing:-.01em;color:var(--ink);margin:0}.mod__title:before{content:"";background:var(--hue);border:1.5px solid var(--ink);vertical-align:.12em;width:12px;height:12px;margin-right:10px;display:inline-block;rotate:45deg}.mod__title em{color:var(--hue)}.mod__sub{letter-spacing:.06em;color:var(--ink-2);font-size:9.5px;line-height:1.5}.mod__body{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:12px;display:grid}.bay{border:var(--dash);border-radius:4px;flex-wrap:wrap;align-items:flex-start;gap:8px 6px;min-width:0;margin:0;padding:10px 10px 8px;display:flex}.bay legend{font:10px var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2);padding:0 6px}.bay__switches{flex-wrap:wrap;gap:6px;width:100%;padding-top:4px;display:flex}.bay--inline{margin:4px 0}.seq__rail{flex-wrap:wrap;align-items:center;gap:10px 18px;margin-bottom:10px;display:flex}.seq__tabs{flex-wrap:wrap;gap:2px;display:flex}.seq__tabs button{font:600 10px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:5px 9px 6px}.seq__tabs button:hover{color:var(--ink)}.seq__tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--hue);background:var(--acid)}.seq__lanectl,.seq__dirs{color:var(--ink-2);text-transform:uppercase;align-items:center;gap:5px;font-size:10px;display:flex}.seq__lanectl b{text-align:center;min-width:2ch;color:var(--ink)}.seq__dirs button{width:30px;height:28px;color:var(--ink);background:var(--paper-2);border:1.5px solid var(--ink);cursor:pointer;border-radius:3px;font-size:15px}.seq__dirs button[aria-pressed=true]{color:var(--acid);background:var(--ink)}.seq__grid{touch-action:none;grid-template-columns:repeat(16,minmax(0,1fr));gap:10px 4px;padding:4px 0;display:grid}.step{justify-items:center;gap:4px;padding:16px 0 2px;transition:opacity .2s;display:grid;position:relative}.step:before{content:"";border:1.5px solid var(--ink);background:var(--paper-2);border-radius:5px;width:18px;height:8px;position:absolute;top:2px;left:50%;translate:-50%}.step.is-play:before{background:var(--verm);box-shadow:0 0 10px var(--verm)}.step--beat{border-left:var(--dash)}.step--out{opacity:.3}.step__gate{aspect-ratio:1;cursor:pointer;background:0 0;border:0;width:100%;max-width:40px;padding:0}.step__gate svg{width:100%;height:100%;overflow:visible}.step__gate path{fill:var(--paper-2);stroke:var(--ink);stroke-width:2.6px;stroke-linejoin:round;transition:fill 80ms}.step__gate:hover path{stroke-width:3.4px}.step__gate[data-g="1"] path{fill:var(--brass);filter:drop-shadow(0 2px 0 var(--brass-lo))}.step__gate[data-g="2"] path{fill:var(--acid);filter:drop-shadow(0 2px 0 var(--c-p))}.step.is-play .step__gate path{stroke:var(--verm);stroke-width:3.6px}.step__gate.is-hit path{animation:.22s ease-out plate-hit}.step__gate:focus-visible{outline:2px solid var(--cobalt);outline-offset:2px}.step.is-lane .step__bar{outline:2px solid var(--cobalt);outline-offset:1px}.step__bar{background:var(--paper-2);border:1.5px solid var(--ink);cursor:ns-resize;touch-action:none;border-radius:3px;width:100%;max-width:36px;height:70px;position:relative;overflow:hidden}.step__fill{height:calc(var(--f,0) * 100%);background:repeating-linear-gradient(-45deg, var(--ink) 0 2px, transparent 2px 4px), var(--brass);border-top:1.5px solid var(--ink);position:absolute;bottom:0;left:0;right:0}.seq__grid[data-lane=note] .step__fill{background:repeating-linear-gradient(-45deg, #16140f8c 0 1.5px, transparent 1.5px 4px), var(--ghost)}.seq__grid[data-lane=prob] .step__fill,.seq__grid[data-lane=ratch] .step__fill,.seq__grid[data-lane=time] .step__fill{background:repeating-linear-gradient(-45deg, #16140f80 0 1.5px, transparent 1.5px 4px), var(--acid)}.step__val{text-align:center;color:var(--ink);pointer-events:none;text-shadow:0 0 2px var(--paper-2), 0 0 3px var(--paper-2);font-size:9px;font-weight:600;position:absolute;top:3px;left:0;right:0}.seq__grid[data-lane=gate] .step__bar{display:none}.seq__grid[data-lane=gate] .step__gate{max-width:50px}.step__n{color:var(--ink-2);font-size:8.5px}.step--beat .step__n{color:var(--ink);font-weight:600}.seq__tools{border-top:var(--dash);gap:10px;margin-top:12px;padding-top:12px;display:grid}.seq__row{flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.seq__pats{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pat{background:var(--paper-2);border:1.5px solid var(--ink);cursor:pointer;border-radius:3px;place-items:center;width:60px;height:38px;padding:0;display:grid;position:relative;overflow:hidden}.pat canvas{opacity:.35;width:calc(100% - 6px);height:calc(100% - 6px);image-rendering:pixelated;position:absolute;inset:3px}.pat b{font:italic 400 1.3rem/1 var(--f-display);color:var(--ink);position:relative}.pat--empty canvas{opacity:.1}.pat[aria-pressed=true]{background:var(--acid);box-shadow:3px 3px 0 var(--ink);translate:-1px -1px}.pat[aria-pressed=true] canvas{opacity:.6}.chain{font:italic 1.1rem var(--f-display);letter-spacing:.1em}.patch{border:var(--dash);touch-action:none;border-radius:4px;margin-top:14px;padding:10px 8px;position:relative}.patch__row{flex-wrap:wrap;align-items:flex-start;gap:8px 6px;display:flex}.patch__row--dst{margin-top:74px}.patch__lbl{letter-spacing:.2em;text-transform:uppercase;width:100%;color:var(--ink-2);font-size:9.5px}.jack{width:58px;color:var(--ink);cursor:crosshair;background:0 0;border:0;justify-items:center;gap:3px;padding:0;display:grid;position:relative}.jack__hole{background:radial-gradient(circle, var(--ink) 36%, var(--brass-lo) 38%, var(--brass) 60%, var(--ink) 64%);border-radius:50%;width:22px;height:22px}.jack--dst .jack__hole{background:radial-gradient(circle, var(--ink) 36%, var(--paper-3) 38%, var(--paper) 60%, var(--ink) 64%)}.jack.is-used .jack__hole{box-shadow:0 0 0 2px var(--acid)}.jack.is-armed .jack__hole,.jack:hover .jack__hole,.jack:focus-visible .jack__hole{box-shadow:0 0 0 3px var(--verm)}.jack__led{background:var(--verm);width:6px;height:6px;opacity:calc(.12 + var(--v,0) * .88);box-shadow:0 0 calc(var(--v,0) * 6px) var(--verm);border-radius:50%;position:absolute;top:-2px;right:12px}.jack__n{text-align:center;font-size:8.5px;line-height:1.15}.patch__cables{pointer-events:none;position:absolute;inset:0;overflow:visible}.cable__ink{fill:none;stroke:var(--ink);stroke-width:7px;stroke-linecap:round}.cable{fill:none;stroke-width:4px;stroke-linecap:round}.cable--drag{stroke-dasharray:8 6}.patch__list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:6px 14px;margin-top:14px;font-size:10.5px;display:grid}.cablerow{grid-template-columns:1fr 100px 3ch 22px;align-items:center;gap:6px;margin:0;display:grid}.cablerow span i{background:var(--c);width:10px;height:10px;box-shadow:0 0 0 1.5px var(--ink);vertical-align:-1px;border-radius:50%;margin-right:6px;display:inline-block}.cablerow b{text-align:right}.cablerow button{color:var(--ink);background:var(--paper-2);border:1.5px solid var(--ink);cursor:pointer;border-radius:3px}.cablerow--empty{color:var(--ink-2);display:block}.rollers{gap:7px;width:100%;padding:6px 2px;display:grid}.rollers i{border-top:var(--dash);height:0;position:relative}.rollers i:after{content:"";top:-7px;left:calc(var(--ph,0) * (100% - 12px));background:var(--brass);border:1.5px solid var(--ink);border-radius:50%;width:12px;height:12px;position:absolute}.rollers i.is-off:after{background:var(--paper-2)}.arm{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:14px;display:grid}.arm__methods{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-content:start;gap:6px;display:grid}.method{text-align:left;color:var(--ink);background:var(--paper-2);border:1.5px solid var(--ink);cursor:pointer;transition:translate .15s var(--ease-out), box-shadow .15s var(--ease-out);border-radius:3px;gap:2px;padding:7px 26px 7px 9px;display:grid;position:relative}.method b{font:italic 400 1.05rem/1.1 var(--f-display)}.method span{color:var(--ink-2);font-size:9px}.method i{color:var(--ink-2);font-size:9px;font-style:normal;position:absolute;top:6px;right:7px}.method:hover{background:var(--paper)}.method[aria-checked=true]{background:var(--acid);box-shadow:4px 4px 0 var(--cobalt);translate:-2px -2px}.arm__stage{align-content:start;gap:10px;display:grid}.arm__readout{text-align:center;border:var(--rule);background:var(--paper-2);border-radius:4px;padding:10px 12px}.arm__readout p{margin:0}.arm__roman{color:var(--c-exp);min-height:1.2em;font-size:12px}.arm__chord{font:italic 400 clamp(2rem, 4vw, 3.2rem) / 1.05 var(--f-display);overflow-wrap:anywhere}.arm__how{color:var(--c-p);min-height:1.3em;font-size:11px}.arm__cite{color:var(--ink-2);font-size:9.5px;line-height:1.45;margin-top:6px!important}.tonnetz{width:100%;height:auto}.tonnetz__tri{fill:#0000;stroke:#16140f38;stroke-width:1px;transition:fill .25s}.tonnetz__tri.is-on{fill:var(--acid);stroke:var(--ink);stroke-width:2px}.tonnetz__node circle{fill:var(--paper);stroke:var(--ink);stroke-width:1.4px;transition:fill .2s}.tonnetz__node text{font:600 8.5px var(--f-mono);fill:var(--ink);text-anchor:middle}.tonnetz__node.is-tone circle{fill:var(--ink)}.tonnetz__node.is-tone text{fill:var(--paper)}.tonnetz__node.is-root circle{fill:var(--verm)}.arm__ctl{grid-column:1/-1;gap:10px;display:grid}.board{scroll-snap-type:x proximity;gap:14px;padding:8px 4px 16px;display:flex;overflow-x:auto}.pedal{--hue:var(--brass);scroll-snap-align:start;color:var(--ink);background:var(--paper);background-image:var(--fibres);border:2px solid var(--ink);box-shadow:4px 5px 0 var(--ink);rotate:var(--tilt,0deg);transition:rotate .25s var(--ease-out), opacity .15s;border-radius:10px;flex:0 0 196px;position:relative;overflow:hidden}.pedal:nth-child(odd){--tilt:-.6deg}.pedal:nth-child(3n){--tilt:.7deg}.pedal:hover,.pedal:focus-within{rotate:0deg}.pedal.is-dragging{opacity:.4}.pedal__face,.pedal__back{padding:0 10px 8px}.pedal__head{text-align:center;cursor:grab;background:var(--hue);border-bottom:2px solid var(--ink);margin:0 -10px;padding:8px 10px 7px}.pedal__head h3{font:italic 400 1.45rem/1 var(--f-display);color:var(--ink);margin:0}.pedal__head .mono{letter-spacing:.08em;color:var(--ink-2);font-size:9px}.pedal__knobs{grid-template-columns:repeat(3,1fr);justify-items:center;gap:6px 2px;padding:10px 0 6px;display:grid}.pedal .knob{width:48px}.pedal__ramp{border-top:var(--dash);border-bottom:var(--dash);grid-template-columns:1fr auto;align-items:center;gap:4px 6px;padding:6px 4px;display:grid}.pedal__ramp .seg{grid-column:1/-1;justify-self:center}.pedal__ramp .knob{justify-self:center}.pedal__rampled{border:1.5px solid var(--ink);background:rgba(255, 75, 31, calc(.1 + var(--v,0) * .9));width:12px;height:12px;box-shadow:0 0 calc(var(--v,0) * 8px) var(--verm);border-radius:50%}.pedal__extra{justify-content:center;align-items:center;gap:8px;padding-top:8px;font-size:10px;display:flex}.pedal__extra b{font-size:13px}.loopring{--p:0;border:1.5px solid var(--ink);background:conic-gradient(var(--ink) calc(var(--p) * 360deg), var(--paper-2) 0);border-radius:50%;width:26px;height:26px}.loopring.is-held{box-shadow:0 0 0 3px var(--acid)}.pedal__foot{grid-template-columns:auto 1fr auto;place-items:center;gap:4px;padding-top:26px;display:grid}.pedal__move{width:22px;height:22px;font:600 13px/1 var(--f-mono);color:var(--ink);background:var(--paper-2);border:1.5px solid var(--ink);cursor:pointer;border-radius:50%}.foot{border:2px solid var(--ink);width:48px;height:48px;box-shadow:0 4px 0 var(--ink);cursor:pointer;background:radial-gradient(circle at 40% 35%,#f6f2e8,#b4ae9f 55%,#6b675d);border-radius:50%;position:relative}.foot:active{box-shadow:0 2px 0 var(--ink);translate:0 2px}.foot__led{background:var(--paper-3);border:1.5px solid var(--ink);border-radius:50%;width:10px;height:10px;position:absolute;top:-20px;left:50%;translate:-50%}.foot[aria-pressed=true] .foot__led{background:var(--verm);box-shadow:0 0 10px 2px var(--verm)}.pedal__flip{letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:var(--paper-2);border:1.5px solid var(--ink);cursor:pointer;border-radius:10px;grid-column:1/-1;margin-top:6px;padding:2px 8px;font-size:9px}.pedal__after{text-align:center;color:var(--ink-2);margin:6px 0 0;font-size:8.5px}.pedal__back{justify-items:center;gap:10px;padding-top:12px;display:grid}.pedal__back p{text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:9.5px}.dips{border:1.5px solid var(--ink);background:#c8141f;border-radius:3px;flex-wrap:wrap;justify-content:center;gap:3px;padding:6px;display:flex}.dip{cursor:pointer;background:0 0;border:0;justify-items:center;gap:3px;width:38px;padding:0;display:grid}.dip i{border:1.5px solid var(--ink);background:#7a0a12;width:14px;height:26px;position:relative}.dip i:after{content:"";background:var(--paper);border:1px solid var(--ink);height:11px;transition:bottom .1s;position:absolute;bottom:1px;left:1px;right:1px}.dip[aria-pressed=true] i:after{bottom:12px}.dip span{color:var(--paper);text-align:center;font-size:7.5px;line-height:1.1}.pedal.is-flipped{background:var(--paper-3)}.play{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;display:grid}.plates{flex-wrap:wrap;gap:4px;padding:16px 6px 6px;display:flex}.obol{cursor:pointer;touch-action:none;background:0 0;border:0;place-items:center;width:64px;height:64px;padding:0;display:grid;position:relative}.obol svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.obol path{fill:var(--brass);stroke:var(--ink);stroke-width:2.4px;filter:drop-shadow(0 3px 0 var(--brass-lo));transition:fill 80ms}.obol circle{fill:none;stroke:#16140f73;stroke-width:1.4px;stroke-dasharray:2 3}.obol span{font:italic 400 1.15rem var(--f-display);color:var(--ink);position:relative}.obol kbd{font:9px var(--f-mono);color:var(--ink-2);background:0 0;border:0;position:absolute;bottom:-2px;right:2px}.obol--dark{translate:0 -12px}.obol--dark path{fill:var(--brass-lo)}.obol--dark span{color:var(--paper)}.obol:hover path{fill:var(--brass-hi)}.obol--dark:hover path{fill:#9a7428}.obol.is-down path{fill:var(--acid);filter:drop-shadow(0 1px 0 var(--c-p))}.obol.is-down{translate:0 2px}.obol--dark.is-down{translate:0 -10px}.obol.is-trans path{fill:var(--ghost)}.obol--play{width:88px;height:88px}.obol--play span{font:600 12px var(--f-mono);letter-spacing:.14em;text-transform:uppercase}.obol--play[aria-pressed=true] path{fill:var(--acid)}.play__side{color:var(--ink-2);justify-items:start;gap:10px;font-size:10px;display:grid}.play__side b{color:var(--ink)}.xy{background:linear-gradient(#16140f14 1px, transparent 1px) 0 0 / 100% 13px, linear-gradient(90deg, #16140f14 1px, transparent 1px) 0 0 / 17px 100%, var(--paper-2);border:var(--rule);cursor:crosshair;touch-action:none;border-radius:4px;width:170px;height:130px;position:relative}.xy__dot{background:var(--cobalt);border:1.5px solid var(--ink);pointer-events:none;border-radius:50%;width:14px;height:14px;position:absolute;translate:-50% -50%}.xy__lbl{color:var(--ink-2);text-transform:uppercase;letter-spacing:.1em;font-size:9px;position:absolute;bottom:4px;left:6px}.midi{gap:6px;display:grid}.midi__hint{margin:0;font-size:9px}.gifts{gap:6px;margin:0;padding:0;font-size:11px;list-style:none;display:grid}.gifts li{border-left:6px solid var(--god,var(--brass));background:var(--paper-2);padding:6px 10px}.gifts li b{font:italic 400 1.1rem var(--f-display)}.gifts li span{color:var(--ink-2)}.gifts li i{font-style:normal;display:block}.gifts__empty{color:var(--ink-2);background:0 0!important;border-left:0!important}.boons{width:min(1040px,94vw);max-width:none;color:var(--ink);text-align:center;background:var(--paper);background-image:var(--fibres);filter:drop-shadow(0 40px 60px #000000b3);border:0;padding:40px clamp(14px,3vw,34px) 28px}.boons::backdrop{background:#0a0a0bc7}.boons .kicker{color:var(--ink-2);justify-content:center}.boons__title{font:italic 400 clamp(2.2rem, 5vw, 3.4rem) / 1 var(--f-display);letter-spacing:-.02em;margin:0 0 22px}.boons__cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:18px;display:grid}.boon{--god:var(--brass);--god2:var(--god);--rar:var(--c-re);min-height:330px;color:var(--ink);text-align:center;background:var(--paper-2);border:2px solid var(--ink);box-shadow:5px 6px 0 var(--ink);cursor:pointer;transition:rotate .2s var(--ease-out), translate .2s var(--ease-out), box-shadow .2s var(--ease-out);border-radius:4px;align-content:start;justify-items:center;gap:8px;padding:0 14px 16px;display:grid;position:relative;rotate:-.8deg}.boon:nth-child(2){rotate:.6deg}.boon:nth-child(3){rotate:-.3deg}.boon:hover,.boon:focus-visible{box-shadow:9px 10px 0 var(--ink);translate:-3px -4px;rotate:0deg}.boon:before{content:"";background:linear-gradient(90deg, var(--god) 50%, var(--god2) 50%);border-bottom:2px solid var(--ink);justify-self:stretch;height:34px;margin:0 -14px 8px}.boon--raro{--rar:var(--c-np)}.boon--epico{--rar:var(--c-pspace)}.boon--eroico{--rar:var(--c-exp)}.boon--leggendario{--rar:var(--c-p)}.boon__rarity{letter-spacing:.16em;text-transform:uppercase;color:var(--rar);background:var(--paper);border:2px solid var(--rar);outline:1px solid var(--rar);outline-offset:-5px;-webkit-mask-image:var(--speckle);mask-image:var(--speckle);white-space:nowrap;padding:4px 8px 3px;font-size:9.5px;position:absolute;top:12px;right:10px;rotate:6deg}.boon__sigil{width:62px;height:62px;font:italic 400 1.9rem var(--f-display);color:var(--ink);background:var(--god);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:50%;place-items:center;display:grid}.boon__god{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);font-size:9.5px}.boon__name{font:italic 400 1.7rem/1 var(--f-display)}.boon__text{font:.95rem/1.4 var(--f-text)}.boon__fx{flex-wrap:wrap;justify-content:center;gap:4px;margin-top:auto;font-size:9.5px;display:flex}.boon__fx i{background:var(--paper);border:1px solid var(--ink);padding:2px 6px;font-style:normal}.boons form .btn{font:500 11px/1 var(--f-mono);color:var(--ink);border:1.5px solid var(--ink);cursor:pointer;background:0 0;border-radius:3px;padding:7px 10px}@media (width<=1100px){.arm,.play{grid-template-columns:minmax(0,1fr)}}@media (width<=860px){.orfeo-page__head>.stamp{margin-top:1rem;display:inline-flex;position:static;rotate:-4deg}.orfeo{grid-template-columns:10px minmax(0,1fr) 10px}.seq__grid{grid-template-columns:repeat(8,minmax(0,1fr))}.step__bar{height:56px}.boons__cards{grid-template-columns:minmax(0,1fr)}.boon{min-height:0}.orfeo__scope,.orfeo__scopes{width:100%}.obol{width:52px;height:52px}.obol--play{width:80px;height:80px}.obol--dark{translate:0 -8px}.jack{width:50px}}@media (prefers-reduced-motion:reduce){.heat__flames,.orfeo__brand .orfeo__status:after{animation:none}.boon,.pedal,.method{transition:none}}