.anubis-page main{padding-top:110px}.anubis-console{--accent:#d9b575;width:min(690px,94%);margin:0 auto 40px;background:#0a0908;color:#eee5d3;border:1px solid #7c634338;box-shadow:0 24px 70px #0008;border-radius:8px;overflow:hidden}.anubis-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid #ab81462e}.anubis-head p,.anubis-head a{font-size:.875rem;margin:0;color:#d5bd96}.anubis-head p{text-transform:uppercase;letter-spacing:.18em}.anubis-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.anubis-transport{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:16px 20px;background:linear-gradient(130deg,#1e1a13,#0b0b0b)}.anubis-track{min-width:0;display:grid;gap:4px}.anubis-track strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9375rem}.anubis-track small{font-size:.8125rem;color:#aaa394;line-height:1.5}.anubis-load{display:flex;align-items:center;justify-content:center;border:1px solid #bb935955;border-radius:4px;padding:10px 14px;background:linear-gradient(125deg,#e0be81,#b18a51);color:#21190d;font-size:.875rem;font-weight:600;cursor:pointer}.anubis-load input{position:absolute;width:1px;height:1px;opacity:0}.anubis-load:focus-within{outline:2px solid #f2d29e;outline-offset:3px}.anubis-player{grid-column:1/-1;display:flex;gap:14px;align-items:center}.anubis-player>div{flex:1;min-width:0}.anubis-player input{width:100%;accent-color:var(--accent);min-height:24px}.anubis-times{display:flex;justify-content:space-between;font-size:.75rem;color:#aaa394;font-variant-numeric:tabular-nums}.anubis-console button{border:1px solid #af8b4f66;background:#13120f;color:#eedbb9;border-radius:4px;padding:10px 14px;font-size:.875rem;min-height:44px;cursor:pointer}.anubis-console button:disabled{opacity:.4;cursor:default}
/* Keep the supplied faceplate's proportions and pixels. The disc alone rotates. */
.anubis-face{position:relative;width:100%;aspect-ratio:437/343;background-image:url('/assets/anubis-reference.jpeg');background-size:162.24256% 447.81341%;background-position:54.411765% 50.628667%;background-repeat:no-repeat;isolation:isolate}
.anubis-knob{--angle:-27deg;position:absolute;left:49.65675%;top:60.6414%;width:34.32494%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;touch-action:none;cursor:ns-resize;outline-offset:6px;-webkit-tap-highlight-color:transparent}
.anubis-knob i{position:absolute;inset:0;border-radius:50%;background-image:url('/assets/anubis-reference.jpeg');background-size:472.66667% 1024%;background-position:51.878354% 53.174603%;transform:rotate(var(--angle));will-change:transform;pointer-events:none}
.anubis-knob:focus-visible{outline:2px solid #ffda93}.anubis-console .anubis-art-button{position:absolute;top:1%;height:9%;min-height:0;padding:0;border:0;border-radius:3px;background:transparent;cursor:pointer;z-index:2}.anubis-art-button:hover,.anubis-art-button:focus-visible{box-shadow:inset 0 0 0 1px #e4bf7799;background:#dfb66015!important;outline:0}.anubis-softer{left:1.7%;width:6%}.anubis-init{left:7.7%;width:11%}.anubis-stronger{left:18.7%;width:6%}.anubis-panel-bypass{left:77.4%;width:7%}.anubis-panel-meters{left:86.4%;width:7%}.anubis-panel-menu{left:93.3%;width:6%}.anubis-panel-bypass[aria-pressed=true]{background:#e4bb6330!important;box-shadow:inset 0 0 0 1px #e4bf77}
.anubis-value-row{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;gap:14px;border-top:1px solid #ab81462e;font-size:.8125rem;color:#aaa394}.anubis-value-row output{font-size:1rem;color:#e5c894;font-variant-numeric:tabular-nums}.anubis-value-row output>span:last-child{font-size:.75rem;letter-spacing:.12em;margin-left:8px}.anubis-details{padding:0 20px;border-block:1px solid #ab81462e}.anubis-details summary{padding:12px 0;cursor:pointer;font-size:.8125rem;color:#cbb794}.anubis-meters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:0 0 15px}.anubis-meters article{min-width:0}.anubis-meters span{display:block;font-size:.75rem;color:#aaa394;line-height:1.4}.anubis-meters strong{font-size:.9375rem;display:block;color:#e2c48e;margin-top:6px}.anubis-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:16px 20px}.anubis-actions #anubis-export{background:linear-gradient(130deg,#dfbb7b,#a98048);color:#1c160c;margin-left:auto}.anubis-actions a{font-size:.875rem;color:#f1ca84}.anubis-note{padding:0 20px 16px;color:#9e988b;font-size:.8125rem;line-height:1.6}.anubis-note p{margin:7px 0}.anubis-status{color:#d4b884;min-height:1.6em}.anubis-console [hidden]{display:none!important}
.anubis-advanced{border-bottom:1px solid #ab81462e;background:linear-gradient(145deg,#14100a,#090908 62%,#171005)}
.anubis-advanced>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;cursor:pointer;list-style:none;color:#efd39d;text-transform:uppercase;letter-spacing:.15em;font-size:.8rem}
.anubis-advanced>summary::-webkit-details-marker{display:none}.anubis-advanced>summary::after{content:'+';font-size:1.25rem;font-weight:300;color:#d5af70}.anubis-advanced[open]>summary::after{content:'−'}
.anubis-advanced>summary small{margin-left:auto;color:#888175;text-transform:none;letter-spacing:0;font-size:.75rem;font-weight:400}
.anubis-command{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;padding:0 20px 20px}
.anubis-command label{min-width:0;display:grid;gap:6px}.anubis-command label>span{font-size:.68rem;color:#b59b70;text-transform:uppercase;letter-spacing:.15em}
.anubis-command input{width:100%;min-width:0;box-sizing:border-box;border:1px solid #bc96554d;border-radius:5px;background:#050504;color:#f1e6d2;padding:12px 13px;font:inherit;font-size:.86rem;outline:none}.anubis-command input:focus{border-color:#deb86f;box-shadow:0 0 0 3px #c5953a18}.anubis-command input::placeholder{color:#716b61}
.anubis-command button{align-self:end}.anubis-command button[aria-pressed=true]{border-color:#f0c676;background:#3b2811;color:#ffe5b4;box-shadow:0 0 18px #d99c3526}
.anubis-command p{grid-column:1/-1;margin:0;color:#918a7d;font-size:.75rem;line-height:1.5}
.anubis-preset-bank{margin:0 20px 20px;padding:18px;border:1px solid #b58a4938;border-radius:10px;background:radial-gradient(circle at 85% 0,#8d5a1818,transparent 32%),linear-gradient(145deg,#100d08,#050504 72%);box-shadow:inset 0 1px #f0ce8c0d,0 16px 34px #0004}
.anubis-preset-bank>header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:15px}.anubis-preset-bank>header span{display:block;margin-bottom:5px;color:#9a7542;font-size:.62rem;letter-spacing:.22em}.anubis-preset-bank>header h2{margin:0;color:#f2dfbb;font-family:var(--display);font-size:clamp(1.2rem,2.4vw,1.8rem);font-weight:540;letter-spacing:.01em}.anubis-preset-bank>header p{max-width:310px;margin:0;color:#7e776c;font-size:.72rem;line-height:1.45;text-align:right}
.anubis-vocal-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.anubis-console .anubis-vocal-presets button{position:relative;display:grid;align-content:end;gap:4px;min-width:0;min-height:112px;padding:12px;border-color:#97703a3d;border-radius:7px;overflow:hidden;text-align:left;background:linear-gradient(155deg,#19130b,#080706 68%);transition:border-color .2s,transform .2s,box-shadow .2s}
.anubis-console .anubis-vocal-presets button::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 35%,#c88d2d12);opacity:0;transition:opacity .2s}.anubis-console .anubis-vocal-presets button>span{position:absolute;top:10px;right:10px;color:#694d29;font:600 .62rem/1 var(--sans);letter-spacing:.15em}.anubis-console .anubis-vocal-presets button strong{position:relative;color:#d9c6a3;font-size:.78rem;line-height:1.2}.anubis-console .anubis-vocal-presets button small{position:relative;color:#756e63;font-size:.61rem;line-height:1.25}
.anubis-console .anubis-vocal-presets button:hover,.anubis-console .anubis-vocal-presets button:focus-visible{border-color:#c99a50;transform:translateY(-2px);outline:none}.anubis-console .anubis-vocal-presets button[aria-pressed=true]{border-color:#edc375;color:#ffe7bb;background:linear-gradient(155deg,#2d1d0b,#0b0906 72%);box-shadow:inset 0 0 24px #d6962c17,0 0 20px #d99d3518}.anubis-console .anubis-vocal-presets button[aria-pressed=true]::before{opacity:1}.anubis-console .anubis-vocal-presets button[aria-pressed=true] strong{color:#ffdfa4}.anubis-console .anubis-vocal-presets button[aria-pressed=true]>span{color:#d5a458}
.anubis-preset-readout{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:10px;padding:13px 14px;border:1px solid #805d2d2b;border-radius:6px;background:#080706}.anubis-preset-readout>div:first-child{min-width:0}.anubis-preset-readout>div:first-child>span{color:#d9b570;font-size:.67rem;font-weight:700;letter-spacing:.16em}.anubis-preset-readout p{margin:4px 0 0;color:#8b8376;font-size:.72rem;line-height:1.4}.anubis-preset-readout>div:last-child{display:flex;gap:6px;flex:none}.anubis-preset-readout>div:last-child span{padding:5px 7px;border:1px solid #8d69342e;border-radius:999px;color:#8d806c;font-size:.55rem;letter-spacing:.1em}
.anubis-preset-note{margin:10px 2px 0;color:#625d55;font-size:.62rem;line-height:1.45}
.anubis-advanced-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 20px 18px}
.anubis-advanced-grid article{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr;align-items:center;gap:8px 14px;min-width:0;min-height:118px;padding:17px;border:1px solid #ad81402c;border-radius:8px;background:radial-gradient(circle at 100% 0,#ca8b2410,transparent 42%),linear-gradient(145deg,#0d0b08,#050504);box-shadow:inset 0 1px #f3d69d08}
.anubis-advanced-grid article>span{align-self:end;color:#c9b791;font-size:.72rem;line-height:1.2;text-transform:uppercase;letter-spacing:.09em}.anubis-advanced-grid article>output{align-self:start;color:#806d50;font-size:.68rem;font-variant-numeric:tabular-nums}
.anubis-mini-knob{--angle:-27deg;grid-column:2;grid-row:1/3;position:relative;width:76px;aspect-ratio:1;border-radius:50%;touch-action:none;cursor:ns-resize;background:conic-gradient(from 225deg,#8f6428 0 20%,#f0cc84 30%,#5d4120 44%,#0b0a08 45% 100%);box-shadow:inset 0 0 0 4px #17130d,0 8px 20px #000c,0 0 17px #d69d3624;outline-offset:4px}
.anubis-mini-knob::before{content:'';position:absolute;inset:7px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#403a31,#11100e 48%,#050504 75%);box-shadow:inset 0 0 0 1px #e1bd7840}
.anubis-mini-knob i{position:absolute;left:50%;top:10px;width:2px;height:24px;border-radius:2px;background:#ffe3a9;box-shadow:0 0 8px #f3bd5f;transform-origin:50% 28px;transform:translateX(-50%) rotate(var(--angle));will-change:transform}
.anubis-mini-knob:focus-visible{outline:2px solid #f0c97f}
.anubis-advanced-reset{margin:0 20px 20px}.anubis-console .anubis-advanced-reset{min-height:38px;padding:8px 11px;font-size:.75rem;color:#b9aa8e}
@media(max-width:650px){.anubis-page main{padding-top:94px}.anubis-console{width:96%}.anubis-head,.anubis-transport,.anubis-actions{padding:12px}.anubis-head p{letter-spacing:.09em}.anubis-load{padding:10px;font-size:.8125rem;max-width:142px;text-align:center}.anubis-track small{font-size:.75rem}.anubis-track strong{font-size:.875rem}.anubis-value-row{padding:11px 12px}.anubis-details{padding:0 12px}.anubis-meters{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.anubis-note{padding:0 12px 14px}.anubis-actions a{flex-basis:100%}.anubis-actions button{padding-inline:12px}.anubis-advanced>summary{align-items:flex-start;padding:15px 12px}.anubis-advanced>summary small{display:none}.anubis-command{grid-template-columns:1fr 1fr;padding:0 12px 16px}.anubis-command label{grid-column:1/-1}.anubis-command button{width:100%}.anubis-preset-bank{margin:0 12px 16px;padding:13px}.anubis-preset-bank>header{display:block}.anubis-preset-bank>header p{margin-top:7px;text-align:left}.anubis-vocal-presets{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:4px}.anubis-console .anubis-vocal-presets button{flex:0 0 142px;min-height:104px;scroll-snap-align:start}.anubis-preset-readout{align-items:flex-start;flex-direction:column}.anubis-preset-readout>div:last-child{flex-wrap:wrap}.anubis-advanced-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:0 12px 15px}.anubis-advanced-grid article{min-height:106px;padding:12px;gap:6px}.anubis-mini-knob{width:62px}.anubis-mini-knob i{top:8px;height:20px;transform-origin:50% 24px}.anubis-advanced-reset{margin:0 12px 16px}}
@media(max-width:350px){.anubis-transport{grid-template-columns:minmax(0,1fr)}.anubis-load{max-width:none}.anubis-actions #anubis-export{margin-left:0}}

/* Full reference scene, including the temple, statue and black-gold faceplate. */
.anubis-console{width:min(1060px,94%);border-color:#a47c3c55;background:linear-gradient(135deg,#15120c,#080807);box-shadow:0 30px 90px #0009,0 0 35px #bb8a3210}
.anubis-face{aspect-ratio:709/532;background-size:100% 288.721805%;background-position:50% 50%}
.anubis-knob{left:51.90409%;top:58.270677%;width:21.156559%}
.anubis-console .anubis-art-button{top:19.818%;height:5.803%}
.anubis-softer{left:22.369%;width:3.698%}.anubis-init{left:26.067%;width:6.78%}.anubis-stronger{left:32.847%;width:3.698%}
.anubis-panel-bypass{left:69.012%;width:4.315%}.anubis-panel-meters{left:74.559%;width:4.315%}.anubis-panel-menu{left:78.811%;width:3.698%}
.anubis-head{padding-block:14px;background:#0b0907}.anubis-transport{background:linear-gradient(125deg,#221a0f,#0e0b08);border-bottom:1px solid #b087452e}
@media(max-width:650px){.anubis-console{width:96%}.anubis-console .anubis-art-button{min-height:24px}.anubis-face{background-color:#090806}}