:root,[data-skin=digital]{--font: "Courier New", monospace;--chassis: #2a2a2a;--panel: #1a1a1a;--panel-border: #333;--lcd-bg: #0a0a0a;--lcd-border: #333;--fg: #33ff33;--ink: #0a0a0a;--amber: #ff9900;--dim: #666;--dim2: #2a2a2a;--btn-bg: #1a1a1a;--btn-border: #33ff33;--btn-fg: #33ff33;--input-bg: #1a1a1a;--pad-bg: #242424;--pad-loaded: #3a3a3a;--pad-active: #ff9900;--pad-border: #444;--pad-text: #666;--pad-text-loaded: #33ff33;--glow: none;--glow-amber: none;--step-other: #1f5f1f;--brand: #ff9900}[data-skin=worn]{--chassis: #3a3733;--panel: #262421;--panel-border: #4b463f;--lcd-bg: #0a120a;--lcd-border: #221f1a;--fg: #86ff72;--ink: #071007;--amber: #f0a542;--dim: #8a8172;--dim2: #3a3630;--btn-bg: #2b2925;--btn-border: #6f9a62;--btn-fg: #b9e7ad;--input-bg: #171a15;--pad-bg: #2b2825;--pad-loaded: #3b3733;--pad-active: #f0a542;--pad-border: #16140f;--pad-text: #8f8677;--pad-text-loaded: #a9e69c;--glow: 0 0 6px rgba(134, 255, 114, .55), 0 0 1px rgba(134, 255, 114, .9);--glow-amber: 0 0 8px rgba(240, 165, 66, .55);--step-other: #2d4f2a;--brand: #e8b46a}.chassis{position:relative;background:var(--chassis);font-family:var(--font)}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:4px;position:relative}.lcd{background:var(--lcd-bg);border:2px solid var(--lcd-border);border-radius:4px;color:var(--fg);position:relative}.pad-grid{background:var(--panel);border:1px solid var(--panel-border);border-radius:4px}.lcd-btn{background:var(--btn-bg);color:var(--btn-fg);border:1px solid var(--btn-border);padding:4px 8px;font-size:10px;cursor:pointer;font-family:var(--font);font-weight:400}.lcd-btn.is-active{background:var(--fg);color:var(--ink);border-color:var(--fg);font-weight:700}.lcd-btn:disabled{color:var(--dim);border-color:var(--dim2);cursor:default}.lcd-btn.is-amber{background:var(--amber);color:var(--ink);border-color:var(--amber);font-weight:700}.lcd-btn.is-dim{color:var(--dim);border-color:var(--dim2)}.pad{background:var(--pad-bg);border:2px solid var(--pad-border);border-radius:6px;color:var(--pad-text);cursor:pointer;font-family:var(--font);font-size:10px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:6px;-webkit-user-select:none;user-select:none;box-shadow:inset 0 2px 4px #0009;transition:background 60ms,box-shadow 60ms;position:relative;overflow:hidden}.pad.is-loaded{background:var(--pad-loaded);color:var(--pad-text-loaded)}.pad.is-selected{border-color:var(--fg)}.pad.is-active{background:var(--pad-active);color:var(--ink);box-shadow:0 0 12px var(--pad-active)}.screw{display:none}.skin-label{color:var(--amber)}.skin-dim{color:var(--dim);font-size:10px}input[type=range]{accent-color:var(--fg)}[data-skin=worn]{--grain: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch' seed='7'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.55 0'/></filter><rect width='100%25' height='100%25' filter='url(%23g)'/></svg>");--blotch: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='600' height='600'><filter id='b'><feTurbulence type='fractalNoise' baseFrequency='0.012' numOctaves='2' stitchTiles='stitch' seed='3'/><feComponentTransfer><feFuncA type='discrete' tableValues='0 0 0 0.35 0.7 1'/></feComponentTransfer></filter><rect width='100%25' height='100%25' filter='url(%23b)'/></svg>")}[data-skin=worn] .chassis{background:radial-gradient(ellipse at 30% 0%,rgba(255,235,200,.06),transparent 55%),radial-gradient(ellipse at 100% 100%,rgba(0,0,0,.35),transparent 60%),var(--chassis)}[data-skin=worn] .chassis:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;background-image:var(--grain);opacity:.32;mix-blend-mode:overlay}[data-skin=worn] .chassis:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;opacity:.85;background:repeating-linear-gradient(115deg,transparent 0 23px,rgba(255,255,255,.12) 23px 24px,transparent 24px 61px),repeating-linear-gradient(-62deg,transparent 0 37px,rgba(255,255,255,.09) 37px 38px,transparent 38px 89px),repeating-linear-gradient(8deg,transparent 0 140px,rgba(0,0,0,.35) 140px 142px,transparent 142px 300px);-webkit-mask-image:var(--blotch);mask-image:var(--blotch);-webkit-mask-size:600px 600px;mask-size:600px 600px}[data-skin=worn] .panel{background:linear-gradient(180deg,rgba(255,245,225,.07),transparent 35%,rgba(0,0,0,.25)),repeating-linear-gradient(90deg,rgba(255,255,255,.028) 0 1px,transparent 1px 3px),linear-gradient(180deg,#34312c,#24221e);border-color:#4d473f;border-top-color:#6a6459;border-bottom-color:#14120f;box-shadow:0 1px #ffffff0d inset,0 3px 8px #00000073}[data-skin=worn] .brand{color:var(--brand);text-shadow:1px 0 0 rgba(255,255,255,.08),0 0 1px rgba(0,0,0,.6);-webkit-mask-image:linear-gradient(#000,#000),var(--blotch);mask-image:linear-gradient(#000,#000),var(--blotch);-webkit-mask-composite:source-over;mask-composite:add;opacity:.92}[data-skin=worn] .lcd{background:radial-gradient(ellipse at 50% 40%,#0f1a0e,#07100a 70%,#050b06),var(--lcd-bg);border:2px solid #1a1814;box-shadow:inset 0 0 40px #000000b3,inset 0 2px 6px #000000e6,0 0 0 3px #2c2924,0 0 0 4px #1a1814,0 6px 14px #0000008c;text-shadow:var(--glow)}[data-skin=worn] .lcd:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;border-radius:3px;background:repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0 1px,transparent 1px 3px),linear-gradient(112deg,rgba(255,255,255,.075),rgba(255,255,255,.02) 28%,transparent 42%),radial-gradient(ellipse at 50% 50%,transparent 62%,rgba(0,0,0,.55) 100%)}[data-skin=worn] .lcd input,[data-skin=worn] .lcd pre{text-shadow:var(--glow)}[data-skin=worn] .lcd *{scrollbar-color:#2f4a2a #0a120a;scrollbar-width:thin}[data-skin=worn] .lcd input{background:#00000059;border-color:#86ff7280}[data-skin=worn] .lcd-btn{background:linear-gradient(180deg,#3a3732,#26231f);border:1px solid #16140f;border-top-color:#4f4a42;border-radius:3px;color:#b7c9a8;text-shadow:0 1px 0 rgba(0,0,0,.6);box-shadow:inset 0 1px #ffffff14,0 2px #14120f,0 3px 4px #00000073;transition:transform 40ms,box-shadow 40ms}[data-skin=worn] .lcd-btn:hover{background:linear-gradient(180deg,#423f39,#2b2824)}[data-skin=worn] .lcd-btn:active,[data-skin=worn] .lcd-btn.is-active{transform:translateY(1px);box-shadow:inset 0 2px 4px #0009,0 1px #14120f}[data-skin=worn] .lcd-btn.is-active{background:linear-gradient(180deg,#6fcf5e,#4f9c42);color:#08120a;text-shadow:none;border-color:#2f5f28}[data-skin=worn] .lcd-btn.is-amber{background:linear-gradient(180deg,#f4b45a,#c67f23);color:#1a1006;border-color:#6b4410;text-shadow:none}[data-skin=worn] .lcd-btn:disabled{color:#6e6a60;background:#2a2723;box-shadow:none;transform:none}[data-skin=worn] .pad-grid{background:linear-gradient(180deg,rgba(255,245,225,.04),transparent 40%),repeating-linear-gradient(90deg,rgba(255,255,255,.02) 0 1px,transparent 1px 3px),#221f1b;border-color:#14120f;box-shadow:inset 0 2px 8px #0009}[data-skin=worn] .pad{background:radial-gradient(ellipse at 45% 30%,rgba(255,255,255,.07),transparent 60%),radial-gradient(ellipse at 50% 120%,rgba(0,0,0,.5),transparent 60%),var(--pad-bg);border:2px solid #15130f;border-radius:7px;box-shadow:inset 0 1px #ffffff0f,inset 0 -4px 6px #0000008c,0 2px #0e0c0a,0 4px 6px #00000080;color:var(--pad-text);text-shadow:0 1px 0 rgba(0,0,0,.7)}[data-skin=worn] .pad:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:var(--grain);opacity:.35;mix-blend-mode:soft-light}[data-skin=worn] .pad:nth-child(3n+1):before,[data-skin=worn] .pad:nth-child(7n+2):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.55;background:radial-gradient(ellipse at 70% 60%,rgba(255,255,255,.1),transparent 55%);-webkit-mask-image:var(--blotch);mask-image:var(--blotch);-webkit-mask-size:300px 300px;mask-size:300px 300px}[data-skin=worn] .pad:nth-child(2n){border-radius:7px 8px 6px 7px}[data-skin=worn] .pad:nth-child(3n){transform:rotate(.25deg)}[data-skin=worn] .pad:nth-child(5n){transform:rotate(-.3deg)}[data-skin=worn] .pad.is-loaded{background:radial-gradient(ellipse at 45% 30%,rgba(255,255,255,.09),transparent 60%),var(--pad-loaded);color:var(--pad-text-loaded)}[data-skin=worn] .pad.is-selected{border-color:#7fcf6c;box-shadow:inset 0 1px #ffffff0f,inset 0 -4px 6px #0000008c,0 0 0 1px #7fcf6c59,0 2px #0e0c0a}[data-skin=worn] .pad.is-active{background:radial-gradient(ellipse at 50% 40%,#ffd28a,#e0913a 70%);color:#2a1604;box-shadow:0 0 18px #f0a542b3,inset 0 -3px 6px #00000059;transform:translateY(1px)}[data-skin=worn] .screw{display:block;position:absolute;width:10px;height:10px;border-radius:50%;z-index:3;background:radial-gradient(circle at 35% 30%,#6d675d,#2c2924 70%,#1a1814);box-shadow:inset 0 1px 1px #ffffff40,0 1px 1px #000000b3}[data-skin=worn] .screw:after{content:"";position:absolute;left:1px;right:1px;top:4px;height:2px;background:#100e0b;transform:rotate(var(--slot, 20deg));box-shadow:0 1px #ffffff1f}[data-skin=worn] .skin-label{color:var(--amber);text-shadow:var(--glow-amber)}[data-skin=worn] .skin-dim{color:var(--dim)}[data-skin=worn] .transport{border-top-color:#ffffff14}