:root{
  --sc-night:#09080a;
  --sc-joint:#040304;
  --sc-tablet:#100e11;
  --sc-face:#1d1a20;
  --sc-face-l:#2c2731;
  --sc-face-d:#121013;
  --sc-recess:#070607;
  --sc-edge-l:rgba(236,220,190,.09);
  --sc-edge-d:rgba(0,0,0,.55);
  --sc-brass:#a8834e; --sc-brass-l:#cfae74; --sc-brass-d:#5f4a2e;
  --sc-red:#7a1420; --sc-red-l:#9e1f2b; --sc-red-text:#d98a7e;
  --sc-ivory:#e9e1d2; --sc-ivory-2:#b3a895; --sc-ivory-3:#9c9284;
  --sc-ok:#93a86e; --sc-warn:#c78a3c; --sc-bad:#c45a44;
  --sc-doc:#e6d8b8; --sc-doc-2:#cdb98f; --sc-doc-ink:#2a1b0f;
  --sc-f-ui:'EB Garamond',Georgia,serif;
  --sc-f-text:'EB Garamond',Georgia,serif;
  --sc-f-moment:'Cinzel',Georgia,serif;
  --sc-f-brand:'Uncial Antiqua',Georgia,serif;
  --sc-row:34px; --sc-key:28px;
  --sc-t-fast:90ms; --sc-t:170ms; --sc-t-light:280ms;
  --sc-quatre:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cg fill='none' stroke='%235f4a2e' stroke-width='1'%3E%3Ccircle cx='7' cy='3.6' r='2.6'/%3E%3Ccircle cx='7' cy='10.4' r='2.6'/%3E%3Ccircle cx='3.6' cy='7' r='2.6'/%3E%3Ccircle cx='10.4' cy='7' r='2.6'/%3E%3C/g%3E%3C/svg%3E");
  --sc-trefoil:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%235f4a2e' stroke-width='1'%3E%3Ccircle cx='6' cy='3.4' r='2.2'/%3E%3Ccircle cx='3.6' cy='7.4' r='2.2'/%3E%3Ccircle cx='8.4' cy='7.4' r='2.2'/%3E%3C/g%3E%3C/svg%3E");
}
@media (prefers-reduced-motion:reduce){ :root{ --sc-t-fast:1ms; --sc-t:1ms; --sc-t-light:1ms; } }

.sc-title{margin:0;font:600 14.5px/1 var(--sc-f-ui);text-transform:uppercase;letter-spacing:.12em;color:var(--sc-ivory)}
.sc-label{font:600 12.5px/1.2 var(--sc-f-ui);text-transform:uppercase;letter-spacing:.07em;color:var(--sc-ivory-3)}
.sc-text{font:500 15px/1.4 var(--sc-f-text);color:var(--sc-ivory)}
.sc-dim{color:var(--sc-ivory-2)}
.sc-num{font:600 15px/1 var(--sc-f-text);font-variant-numeric:tabular-nums lining-nums}
.sc-moment{margin:0;font:600 34px/1.05 var(--sc-f-moment);letter-spacing:.1em;color:var(--sc-ivory)}
.sc-brand{font:400 15px/1 var(--sc-f-brand);color:var(--sc-ivory-2)}
.sc-kbd{display:inline-block;min-width:16px;padding:0 5px;font:600 12px/1.6 var(--sc-f-text);color:var(--sc-ivory-2);background:var(--sc-face);box-shadow:0 0 0 1px var(--sc-joint),inset 0 -2px 0 rgba(0,0,0,.5),inset 0 1px 0 var(--sc-edge-l);text-align:center}

.sc-key{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:var(--sc-key);padding:0 12px 2px;white-space:nowrap;
  font:600 14px/1 var(--sc-f-text);color:var(--sc-ivory);cursor:pointer;user-select:none;border:0;border-radius:1px;
  background:linear-gradient(180deg,#2b262e 0%,#221e25 55%,#1b181e 100%);
  box-shadow:0 0 0 1px var(--sc-joint),
             0 1px 0 1px rgba(255,240,215,.04),
             inset 0 1px 0 rgba(255,236,205,.11),
             inset 0 -2px 0 rgba(0,0,0,.5);
  transition:background var(--sc-t-fast),box-shadow var(--sc-t-fast)}
.sc-key svg{width:15px;height:15px;fill:currentColor;flex:none}
.sc-key:hover,.sc-key.is-hover{background:linear-gradient(180deg,#332d36 0%,#29242c 55%,#211d24 100%)}
.sc-key:active,.sc-key.is-pressed,.sc-key[aria-pressed="true"],.sc-key.is-selected{padding:2px 12px 0;background:linear-gradient(180deg,#141116,#19161b);
  box-shadow:0 0 0 1px var(--sc-joint),0 1px 0 1px rgba(255,240,215,.04),inset 0 2px 3px rgba(0,0,0,.75),inset 0 0 0 1px rgba(0,0,0,.4)}
.sc-key[aria-pressed="true"],.sc-key.is-selected{color:var(--sc-ivory);box-shadow:0 0 0 1px var(--sc-joint),0 1px 0 1px rgba(255,240,215,.04),inset 0 2px 3px rgba(0,0,0,.75),inset 0 -2px 0 var(--sc-brass)}
.sc-key:focus-visible,.sc-key.is-focus{outline:1px solid var(--sc-brass-l);outline-offset:3px}
.sc-key:disabled,.sc-key.is-disabled{color:var(--sc-ivory-3);background:#161318;box-shadow:0 0 0 1px var(--sc-joint);cursor:default;padding:0 12px 2px}
.sc-key--main{height:32px;padding:0 16px 3px;font-size:15px;color:#f3ead9;background:linear-gradient(180deg,#3b3540 0%,#2e2933 55%,#24202a 100%);
  box-shadow:0 0 0 1px var(--sc-joint),0 0 0 3px #5f4a2e,0 0 0 4px var(--sc-joint),inset 0 1px 0 rgba(255,236,205,.18),inset 0 -3px 0 rgba(0,0,0,.5)}
.sc-key--main:hover,.sc-key--main.is-hover{background:linear-gradient(180deg,#463f4b 0%,#37313d 55%,#2b2631 100%)}
.sc-key--main:active,.sc-key--main.is-pressed{padding:3px 16px 0;background:linear-gradient(180deg,#19161c,#211d25);box-shadow:0 0 0 1px var(--sc-joint),0 0 0 3px #5f4a2e,0 0 0 4px var(--sc-joint),inset 0 2px 4px rgba(0,0,0,.75)}
.sc-key--live{height:32px;padding:0 16px 2px;color:#fbefe2;background:linear-gradient(180deg,#8d1b26 0%,#741520 55%,#5e0f19 100%);
  box-shadow:0 0 0 1px var(--sc-joint),0 0 0 2px rgba(168,131,78,.45),inset 0 1px 0 rgba(255,205,175,.22),inset 0 -2px 0 rgba(0,0,0,.45)}
.sc-key--live:hover,.sc-key--live.is-hover{background:linear-gradient(180deg,#9c202c 0%,#7f1823 55%,#661019 100%)}
.sc-key--live:active,.sc-key--live.is-pressed{padding:2px 16px 0;background:linear-gradient(180deg,#4f0c15,#5f0f19);box-shadow:0 0 0 1px var(--sc-joint),0 0 0 2px rgba(168,131,78,.45),inset 0 2px 4px rgba(0,0,0,.7)}
.sc-key--live:disabled,.sc-key--live.is-disabled{color:#a99088;background:#2e1a1d}
.sc-key--danger{color:var(--sc-red-text)}
.sc-key--danger.is-armed{color:#fbefe2;background:linear-gradient(180deg,#6a131d,#4f0d16)}
.sc-key--icon{width:var(--sc-key);padding:0 0 2px}
.sc-link{display:inline-flex;align-items:center;gap:4px;padding:2px 0;font:500 14px/1.2 var(--sc-f-text);color:var(--sc-ivory-2);background:none;border:0;cursor:pointer;text-decoration:none;border-bottom:1px solid var(--sc-brass-d)}
.sc-link:hover{color:var(--sc-ivory);border-bottom-color:var(--sc-brass)}
.sc-link:focus-visible{outline:1px solid var(--sc-brass-l);outline-offset:3px}

.sc-bank{display:inline-flex;gap:1px;padding:2px;background:var(--sc-recess);box-shadow:0 0 0 1px var(--sc-joint),inset 0 2px 3px rgba(0,0,0,.6),0 1px 0 1px rgba(255,240,215,.04)}
.sc-bank .sc-key{box-shadow:inset 0 1px 0 rgba(255,236,205,.10),inset 0 -2px 0 rgba(0,0,0,.5)}
.sc-bank .sc-key[aria-pressed="true"],.sc-bank .sc-key.is-selected{box-shadow:inset 0 2px 3px rgba(0,0,0,.75),inset 0 -2px 0 var(--sc-brass)}
.sc-riegel .sc-key{height:24px;padding:0 9px 2px;font:600 11px/1 var(--sc-f-ui);text-transform:uppercase;letter-spacing:.09em}
.sc-riegel .sc-key[aria-pressed="true"]{padding:2px 9px 0}

.sc-pillar{display:flex;flex-direction:column;align-items:center;width:78px;background:var(--sc-night)}
.sc-pillar > .cap,.sc-pillar > .base{display:block;width:78px;flex:none;background:linear-gradient(180deg,var(--sc-face-l),var(--sc-face-d))}
.sc-pillar > .cap{height:12px;box-shadow:inset 0 1px 0 var(--sc-edge-l),inset 0 -1px 0 var(--sc-joint),0 3px 0 -1px #151217,0 4px 0 -1px var(--sc-joint)}
.sc-pillar > .base{height:16px;margin-top:auto;box-shadow:inset 0 1px 0 var(--sc-edge-l),inset 0 -2px 0 var(--sc-joint),0 -3px 0 -1px #151217,0 -4px 0 -1px var(--sc-joint)}
.sc-pillar{min-height:0}
.sc-pillar > .shaft{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;display:flex;flex-direction:column;align-items:center;gap:3px;width:68px;padding:10px 0;
  background:linear-gradient(90deg,#0e0c10 0,#1b181e 14%,#25212a 42%,#201c24 58%,#16131a 86%,#0c0a0d 100%);
  box-shadow:inset 1px 0 0 rgba(0,0,0,.6),inset -1px 0 0 rgba(0,0,0,.6)}
.sc-niche{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;width:58px;height:48px;flex:none;padding:0 0 6px;box-sizing:border-box;
  font:600 10px/1 var(--sc-f-ui);text-transform:uppercase;letter-spacing:.05em;color:var(--sc-ivory-2);background:none;border:0;cursor:pointer;
  transition:color var(--sc-t-fast)}
.sc-niche::before{content:"";position:absolute;inset:0 0 3px;z-index:0;background:linear-gradient(180deg,#050405 0%,#0c0a0d 55%,#141116 100%);
  clip-path:polygon(0 100%,0 34%,6% 21%,17% 10%,32% 3%,50% 0,68% 3%,83% 10%,94% 21%,100% 34%,100% 100%);
  box-shadow:inset 0 3px 6px rgba(0,0,0,.9);transition:background var(--sc-t-light)}
.sc-niche::after{content:"";position:absolute;left:-3px;right:-3px;bottom:0;height:3px;background:linear-gradient(180deg,#2a252d,#141116);box-shadow:0 1px 0 var(--sc-joint)}
.sc-niche > *{position:relative;z-index:1}
.sc-niche svg{width:20px;height:20px;fill:currentColor}
.sc-niche:hover,.sc-niche.is-hover{color:var(--sc-ivory)}
.sc-niche:hover::before,.sc-niche.is-hover::before{background:linear-gradient(180deg,#0a080b 0%,#141117 55%,#1d191f 100%)}
.sc-niche:active::before,.sc-niche.is-pressed::before{background:#050405}
.sc-niche[aria-current="true"]{color:var(--sc-ivory)}
.sc-niche[aria-current="true"]::before{background:radial-gradient(120% 80% at 50% 100%,rgba(214,176,116,.26),transparent 70%),linear-gradient(180deg,#141117 0%,#211c23 60%,#2a242c 100%)}
.sc-niche[aria-current="true"]::after{background:linear-gradient(180deg,#3a333d,#1a171c);box-shadow:0 1px 0 var(--sc-joint),inset 13px 0 0 -10px transparent}
.sc-niche[aria-current="true"] .mark{position:absolute;z-index:2;left:50%;bottom:0;width:16px;height:3px;transform:translateX(-50%);background:var(--sc-red-l)}
.sc-niche:focus-visible,.sc-niche.is-focus{outline:1px solid var(--sc-brass-l);outline-offset:1px}
.sc-gesims{display:block;width:68px;height:8px;margin:3px 0;box-sizing:border-box;flex:none;background:var(--sc-quatre) center/10px 10px no-repeat,linear-gradient(180deg,#26222a,#121013);
  box-shadow:inset 0 1px 0 var(--sc-edge-l),0 1px 0 var(--sc-joint),0 2px 2px rgba(0,0,0,.5)}

.sc-architrave{display:flex;align-items:center;gap:14px;height:40px;padding:0 14px;box-sizing:border-box;
  background:linear-gradient(180deg,#2a2530 0%,#1e1b22 70%,#17141a 100%);
  box-shadow:inset 0 1px 0 var(--sc-edge-l),inset 0 -1px 0 #2a252d,0 1px 0 var(--sc-joint),0 2px 0 #1d1a20,0 5px 0 #151217,0 6px 0 var(--sc-joint),0 8px 6px rgba(0,0,0,.45);position:relative;z-index:2}
.sc-architrave .fill{flex:1}
.sc-architrave .brandmark{display:flex;align-items:center;gap:8px;opacity:.85}
.sc-architrave .brandmark img{width:18px;height:18px}
.sc-readout{display:inline-flex;align-items:center;gap:8px;font:600 12.5px/1 var(--sc-f-ui);text-transform:uppercase;letter-spacing:.07em;color:var(--sc-ivory-3)}
.sc-readout b{font:500 13.5px/1 var(--sc-f-text);letter-spacing:0;color:var(--sc-ivory)}
.sc-readout + .sc-readout{padding-left:12px;box-shadow:-1px 0 0 var(--sc-joint),-2px 0 0 rgba(255,240,215,.05)}

.sc-g{display:inline-block;width:9px;height:9px;flex:none;box-sizing:border-box}
.sc-g--bereit{background:var(--sc-ok);transform:rotate(45deg) scale(.85)}
.sc-g--offen{border:1.5px solid var(--sc-brass);transform:rotate(45deg) scale(.85)}
.sc-g--problem{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:9px solid var(--sc-bad)}
.sc-g--skip{height:2px;background:var(--sc-ivory-3)}
.sc-g--optional{border:1.5px dashed var(--sc-ivory-3);border-radius:50%}
.sc-g--verbunden{border:1.5px solid var(--sc-ok);border-radius:50%;background:radial-gradient(circle,var(--sc-ok) 0 2px,transparent 2.5px)}
.sc-g--getrennt{background:linear-gradient(45deg,transparent 40%,var(--sc-bad) 40% 60%,transparent 60%),linear-gradient(-45deg,transparent 40%,var(--sc-bad) 40% 60%,transparent 60%)}
.sc-g--laeuft{width:0;height:0;border-top:4.5px solid transparent;border-bottom:4.5px solid transparent;border-left:8px solid var(--sc-brass-l)}
.sc-g--pausiert{border-left:3px solid var(--sc-ivory-2);border-right:3px solid var(--sc-ivory-2)}
.sc-g--aus{border:1.5px solid var(--sc-ivory-3);border-radius:50%}
.sc-g--warn{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:9px solid var(--sc-warn)}
.sc-st{display:inline-flex;align-items:center;gap:6px;font:500 13.5px/1 var(--sc-f-text);color:var(--sc-ivory-2);white-space:nowrap}

.sc-module{display:flex;flex-direction:column;min-width:0;padding:0 6px 0;background:linear-gradient(90deg,#16131a,#221e26 8%,#201c24 92%,#16131a);box-shadow:inset 1px 0 0 var(--sc-edge-l),inset -1px 0 0 var(--sc-joint)}
.sc-mhead{position:relative;display:flex;align-items:center;gap:10px;min-height:40px;padding:12px 8px 6px 10px;margin:0 -6px;box-sizing:border-box;
  background:linear-gradient(180deg,#2a252e 0%,#211d25 40%,#1b181d 100%)}
.sc-mhead::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;pointer-events:none;background:linear-gradient(180deg,#38323c 0 1px,#141116 1px 2px,#2a252e 2px 5px,var(--sc-joint) 5px 6px)}
.sc-mhead--arch{min-height:50px;padding:22px 8px 6px 10px;background:linear-gradient(180deg,#2e2933 0%,#221e26 45%,#1b181d 100%);
  clip-path:polygon(0 20px,8% 16px,18% 11px,28% 7px,38% 3px,46% .5px,50% 0,54% .5px,62% 3px,72% 7px,82% 11px,92% 16px,100% 20px,100% 100%,0 100%)}
.sc-mhead--arch::before{left:6px;right:6px;top:4px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'%3E%3Cpath d='M0 9.6 Q25 6.2 50 0.6 Q75 6.2 100 9.6' fill='none' stroke='%23866843' stroke-width='1' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.sc-mhead--arch::after{content:"";position:absolute;left:50%;top:6px;width:12px;height:12px;transform:translateX(-50%);background:var(--sc-trefoil) center/12px 12px no-repeat}
.sc-mhead{box-shadow:inset 0 -1px 0 var(--sc-joint)}
.sc-mhead .sc-title{flex:1}
.sc-mhead .sc-back + .sc-title{flex:1}
.sc-close,.sc-back{display:inline-flex;align-items:center;gap:3px;height:24px;min-width:24px;padding:0 4px;justify-content:center;font:500 13.5px/1 var(--sc-f-text);color:var(--sc-ivory-3);background:none;border:0;cursor:pointer}
.sc-close:hover,.sc-back:hover{color:var(--sc-ivory)}
.sc-close:focus-visible,.sc-back:focus-visible{outline:1px solid var(--sc-brass-l)}
.sc-close svg,.sc-back svg{width:11px;height:11px;stroke:currentColor;stroke-width:1.8;fill:none}
.sc-tabs{display:flex;gap:2px;padding:0 4px;margin:0 0 -1px;position:relative;z-index:1}
.sc-tab{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 11px;margin-top:3px;font:600 12px/1 var(--sc-f-ui);text-transform:uppercase;letter-spacing:.08em;color:var(--sc-ivory-3);cursor:pointer;border:0;
  background:linear-gradient(180deg,#151217,#0f0d10);clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 4px,100% 100%,0 100%,0 4px);
  box-shadow:inset 0 1px 0 var(--sc-edge-l);transition:color var(--sc-t-fast)}
.sc-tab svg{width:13px;height:13px;fill:currentColor}
.sc-tab:hover,.sc-tab.is-hover{color:var(--sc-ivory-2)}
.sc-tab[aria-selected="true"]{height:29px;margin-top:0;color:var(--sc-ivory);background:linear-gradient(180deg,#1e1a21,var(--sc-tablet));box-shadow:inset 0 2px 0 var(--sc-brass-d)}
.sc-tab:focus-visible,.sc-tab.is-focus{outline:1px solid var(--sc-brass-l);outline-offset:-3px}
.sc-mbody{flex:1;min-height:0;overflow:auto;padding:10px 10px 12px;background:var(--sc-tablet);box-shadow:inset 0 3px 4px rgba(0,0,0,.6),inset 0 0 0 1px var(--sc-joint)}
.sc-cmd{display:flex;align-items:center;gap:8px;padding:2px 0 10px}
.sc-cmd .sc-more{margin-left:auto}
.sc-rib{display:flex;align-items:center;gap:8px;margin:10px 0 4px;font:600 11.5px/1 var(--sc-f-ui);text-transform:uppercase;letter-spacing:.1em;color:var(--sc-brass)}
.sc-rib::after{content:"";flex:1;height:2px;background:linear-gradient(180deg,var(--sc-joint) 0 1px,rgba(236,220,190,.06) 1px 2px)}
.sc-rib .n{font:500 12.5px var(--sc-f-text);color:var(--sc-ivory-3);letter-spacing:0;order:2}
.sc-rows{list-style:none;margin:0;padding:0}
.sc-r{display:grid;grid-template-columns:30px 1fr auto 22px;align-items:center;gap:0 10px;min-height:var(--sc-row);padding:3px 2px 3px 4px;cursor:pointer;position:relative;
  box-shadow:0 1px 0 var(--sc-joint),0 2px 0 rgba(236,220,190,.035)}
.sc-r:hover,.sc-r.is-hover{background:rgba(236,220,190,.035)}
.sc-r[aria-selected="true"]{background:linear-gradient(90deg,rgba(214,176,116,.10),rgba(214,176,116,.02) 70%)}
.sc-r[aria-selected="true"]::before{content:"";position:absolute;left:-10px;top:4px;bottom:4px;width:3px;background:var(--sc-brass)}
.sc-r.is-live::before{content:"";position:absolute;left:-10px;top:4px;bottom:4px;width:3px;background:var(--sc-red-l)}
.sc-r:focus-visible,.sc-r.is-focus{outline:1px solid var(--sc-brass-l);outline-offset:-1px}
.sc-r .pic{width:28px;height:28px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 0 0 1px var(--sc-joint)}
.sc-r .pic img{width:100%;height:100%;object-fit:cover}
.sc-r .pic.med{border-radius:50%;padding:2px;box-sizing:border-box;box-shadow:0 1px 2px rgba(0,0,0,.7);background:conic-gradient(from 215deg,#4e3514,#d9bf82 12%,#8c6528 25%,#3c2a10 40%,#a9803c 55%,#e8d2a0 66%,#7a5522 80%,#4e3514)}
.sc-r .pic.med > span{display:flex;width:100%;height:100%;border-radius:50%;align-items:center;justify-content:center}
.sc-r .pic.med svg{width:62%;height:62%;fill:#f1e4c6}
.sc-r .t{display:flex;flex-direction:column;gap:2px;min-width:0}
.sc-r .t b{font:600 14.5px/1.15 var(--sc-f-text);color:var(--sc-ivory);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-r .t small{font:500 12.5px/1.15 var(--sc-f-text);color:var(--sc-ivory-3)}
.sc-r .v{font:500 13.5px/1 var(--sc-f-text);color:var(--sc-ivory-2);display:inline-flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}
.sc-dots{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;font:700 15px/1 var(--sc-f-text);color:var(--sc-ivory-3);background:none;border:0;cursor:pointer}
.sc-r:hover .sc-dots,.sc-dots:hover,.sc-dots[aria-expanded="true"]{color:var(--sc-ivory)}
.sc-r-empty{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 4px 12px;font:500 14.5px/1.35 var(--sc-f-text);color:var(--sc-ivory-2);box-shadow:0 1px 0 var(--sc-joint),0 2px 0 rgba(236,220,190,.035)}
.sc-r-empty span{flex-basis:100%}
.sc-menu{min-width:176px;padding:3px 0;background:linear-gradient(180deg,#221e25,#19161b);box-shadow:0 0 0 1px var(--sc-joint),inset 0 1px 0 var(--sc-edge-l),0 6px 14px rgba(0,0,0,.6)}
.sc-menu button{display:flex;align-items:center;width:100%;height:28px;padding:0 12px;font:500 14px/1 var(--sc-f-text);color:var(--sc-ivory);background:none;border:0;text-align:left;cursor:pointer}
.sc-menu button:hover,.sc-menu button.is-hover{background:rgba(236,220,190,.06)}
.sc-menu button .k{margin-left:auto;color:var(--sc-ivory-3);font-size:12px}
.sc-menu hr{border:0;height:2px;margin:3px 0;background:linear-gradient(180deg,var(--sc-joint) 0 1px,rgba(236,220,190,.05) 1px 2px)}
.sc-menu .danger{color:var(--sc-red-text)}
.sc-plinth{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;min-height:34px;padding:6px 8px 7px;margin:0 -6px;
  background:linear-gradient(180deg,#1f1b22,#141116);box-shadow:inset 0 1px 0 #2c272f,inset 0 2px 0 var(--sc-joint),inset 0 -2px 0 var(--sc-joint)}
.sc-plinth .end{margin-left:auto;display:flex;align-items:center;gap:8px}
.sc-plinth .sc-msg{flex:1 1 220px}
.sc-plinth .end .sc-label{color:#7e5550}

.sc-msg{display:flex;align-items:center;gap:8px;min-width:0;height:22px;padding:0 8px;font:500 13.5px/1 var(--sc-f-text);color:var(--sc-ivory);background:var(--sc-recess);box-shadow:inset 0 2px 2px rgba(0,0,0,.6),0 1px 0 rgba(255,240,215,.04)}
.sc-msg time{font:500 12px/1 var(--sc-f-text);color:var(--sc-ivory-3);font-variant-numeric:tabular-nums}
.sc-msg .txt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-msg .sc-link{font-size:13px}
.sc-log{list-style:none;margin:0;padding:4px 0;background:var(--sc-recess);box-shadow:inset 0 2px 3px rgba(0,0,0,.65),0 1px 0 rgba(255,240,215,.04)}
.sc-log li{display:grid;grid-template-columns:44px 14px 1fr auto;align-items:center;gap:8px;padding:5px 10px;font:500 14px/1.3 var(--sc-f-text);color:var(--sc-ivory)}
.sc-log li + li{box-shadow:0 -1px 0 rgba(0,0,0,.6),0 -2px 0 rgba(236,220,190,.03)}
.sc-log li time{font:500 12px var(--sc-f-text);color:var(--sc-ivory-3);font-variant-numeric:tabular-nums}
.sc-log li.old{color:var(--sc-ivory-3)}

.sc-instrument{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px 18px}
.sc-rosette{width:96px;height:96px}
.sc-register{display:grid;grid-template-columns:auto 14px 1fr;align-items:center;gap:0 10px;margin:0}
.sc-register dt{font:600 11.5px/1 var(--sc-f-ui);text-transform:uppercase;letter-spacing:.09em;color:var(--sc-ivory-3);padding:7px 0;box-shadow:0 1px 0 var(--sc-joint),0 2px 0 rgba(236,220,190,.035)}
.sc-register dd{margin:0;padding:7px 0;font:500 14px/1 var(--sc-f-text);color:var(--sc-ivory);box-shadow:0 1px 0 var(--sc-joint),0 2px 0 rgba(236,220,190,.035)}
.sc-register dd.g{display:flex;justify-content:center}

.sc-fields{display:grid;gap:8px 10px}
.sc-field{display:flex;flex-direction:column;gap:3px}
.sc-input,.sc-select{width:100%;box-sizing:border-box;height:28px;padding:0 8px;font:500 14.5px/1 var(--sc-f-text);color:var(--sc-ivory);background:var(--sc-recess);border:0;border-radius:0;outline:none;
  box-shadow:inset 0 2px 3px rgba(0,0,0,.75),0 0 0 1px var(--sc-joint),0 1px 0 1px rgba(255,240,215,.05)}
.sc-input::placeholder{color:var(--sc-ivory-3)}
.sc-input:focus,.sc-input.is-focus,.sc-select:focus{box-shadow:inset 0 2px 3px rgba(0,0,0,.75),0 0 0 1px var(--sc-brass),0 1px 0 1px rgba(255,240,215,.05)}
.sc-input:disabled,.sc-input.is-disabled{color:var(--sc-ivory-3);background:#0c0a0d}
.sc-input.is-error{box-shadow:inset 0 2px 3px rgba(0,0,0,.75),0 0 0 1px var(--sc-bad)}
.sc-select{appearance:none;padding-right:24px;background:linear-gradient(45deg,transparent 50%,var(--sc-brass) 50%) calc(100% - 12px) 52%/5px 5px no-repeat,linear-gradient(-45deg,transparent 50%,var(--sc-brass) 50%) calc(100% - 7px) 52%/5px 5px no-repeat,var(--sc-recess)}
.sc-select option{background:#141116}
.sc-hint{font:500 12.5px/1.3 var(--sc-f-text);color:var(--sc-ivory-3)}
.sc-hint.is-error{color:var(--sc-red-text)}

.sc-portal{position:relative;width:min(420px,calc(100vw - 32px));padding:0 9px;background:linear-gradient(90deg,#120f13,#211d24 30%,#1c191e 70%,#110f12);filter:drop-shadow(0 10px 18px rgba(0,0,0,.6))}
.sc-portal .gable{position:relative;height:58px;margin:0 -9px;background:linear-gradient(180deg,#29242d,#1b181d);
  clip-path:polygon(0 100%,0 46%,8% 34%,18% 23%,30% 13%,42% 5%,50% 0,58% 5%,70% 13%,82% 23%,92% 34%,100% 46%,100% 100%)}
.sc-portal .gable::before{content:"";position:absolute;left:12px;right:12px;top:7px;bottom:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 50' preserveAspectRatio='none'%3E%3Cpath d='M0 50 L0 23 Q22 12 50 0.8 Q78 12 100 23 L100 50' fill='none' stroke='%235f4a2e' stroke-width='1' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.sc-portal .gable::after{content:"";position:absolute;left:50%;top:11px;width:12px;height:12px;transform:translateX(-50%);background:var(--sc-quatre) center/12px 12px no-repeat}
.sc-portal .gable .sc-title{position:absolute;left:0;right:0;bottom:9px;text-align:center}
.sc-portal .leaf{padding:12px 14px 14px;background:var(--sc-tablet);box-shadow:inset 0 3px 4px rgba(0,0,0,.6),inset 0 0 0 1px var(--sc-joint);font:500 14.5px/1.45 var(--sc-f-text);color:var(--sc-ivory-2)}
.sc-portal .leaf b{color:var(--sc-ivory);font-weight:600}
.sc-portal .sill{display:flex;align-items:center;gap:10px;margin:0 -9px;padding:9px 12px 10px;background:linear-gradient(180deg,#221e25,#151217);box-shadow:inset 0 1px 0 #2c272f,inset 0 2px 0 var(--sc-joint)}
.sc-portal .sill .sc-link{margin-right:auto}

.sc-plaque{position:relative;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:1px 9px;width:236px;padding:5px 9px 6px 5px;box-sizing:border-box;
  background:linear-gradient(180deg,#1d191f,#131115);box-shadow:0 0 0 1px var(--sc-joint),inset 0 1px 0 var(--sc-edge-l),0 3px 6px rgba(0,0,0,.55)}
.sc-plaque .medal{grid-row:1/span 2;width:40px;height:40px;border-radius:50%;padding:3px;box-sizing:border-box;background:conic-gradient(from 215deg,#4e3514,#d9bf82 12%,#8c6528 25%,#3c2a10 40%,#a9803c 55%,#e8d2a0 66%,#7a5522 80%,#4e3514);box-shadow:0 1px 3px rgba(0,0,0,.7)}
.sc-plaque .medal > span{display:flex;width:100%;height:100%;border-radius:50%;align-items:center;justify-content:center;box-shadow:inset 0 1px 3px rgba(0,0,0,.6)}
.sc-plaque .medal svg{width:58%;height:58%;fill:#f1e4c6}
.sc-plaque .nm{font:600 12.5px/1 var(--sc-f-ui);text-transform:uppercase;letter-spacing:.08em;color:var(--sc-ivory);align-self:end}
.sc-plaque .hp{align-self:end;font:600 18px/1 var(--sc-f-text);font-variant-numeric:tabular-nums lining-nums;color:var(--sc-ivory)}
.sc-plaque .hp small{font-size:12.5px;font-weight:500;color:var(--sc-ivory-3)}
.sc-plaque .bar{grid-column:2/4;height:6px;background:var(--sc-recess);box-shadow:inset 0 1px 2px rgba(0,0,0,.8),0 0 0 1px var(--sc-joint);position:relative;overflow:hidden}
.sc-plaque .bar i{position:absolute;inset:0 auto 0 0;width:var(--hp,100%);background:linear-gradient(180deg,#9a2a2b,#6a1518)}
.sc-plaque .say{position:absolute;right:6px;top:-8px;padding:0 6px;font:400 11px/16px var(--sc-f-ui);letter-spacing:.06em;background:#141116;box-shadow:0 0 0 1px var(--sc-joint)}
.sc-plaque.is-turn{background:linear-gradient(180deg,#2a242d,#1c181e);transform:translateX(7px)}
.sc-plaque.is-turn::before{content:"";position:absolute;left:-7px;top:6px;bottom:6px;width:4px;background:var(--sc-red-l)}
.sc-plaque.is-turn .say{color:var(--sc-ivory)}
.sc-plaque.is-low .bar i{background:linear-gradient(180deg,#b5523a,#7a2a1c)} .sc-plaque.is-low .say{color:var(--sc-warn)}
.sc-plaque.is-down .medal{filter:grayscale(1) brightness(.65)} .sc-plaque.is-down .hp{color:var(--sc-bad)} .sc-plaque.is-down .say{color:var(--sc-bad)} .sc-plaque.is-down .nm{color:var(--sc-ivory-2)}

.sc-socle{display:flex;align-items:center;justify-content:center;gap:6px;height:42px;padding:0 12px;box-sizing:border-box;
  background:linear-gradient(180deg,#1d1a20,#131115);box-shadow:inset 0 1px 0 #2c272f,inset 0 2px 0 var(--sc-joint),0 -3px 4px rgba(0,0,0,.4)}
.sc-socle .sc-key{height:24px;padding:0 9px 2px;font-size:13px}
.sc-socle .sc-key .n{font:600 11.5px var(--sc-f-text);color:var(--sc-brass);margin-right:2px}
.sc-ribbon{position:relative;display:inline-flex;align-items:center;height:28px;padding:0 26px;margin:0 10px;font:600 13.5px/1 var(--sc-f-moment);letter-spacing:.1em;color:#f6e8da;
  background:linear-gradient(180deg,#86202a,#5c0f18);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%);box-shadow:inset 0 1px 0 rgba(255,200,170,.2)}
.sc-ribbon small{font:italic 500 12px var(--sc-f-text);letter-spacing:0;color:#e5c8bc;margin-left:10px}

.sc-doc{padding:14px 16px;color:var(--sc-doc-ink);background:radial-gradient(120% 90% at 30% 20%,#efe3c6,var(--sc-doc) 55%,var(--sc-doc-2));box-shadow:0 2px 0 rgba(0,0,0,.5),0 8px 16px rgba(0,0,0,.5),inset 0 0 36px rgba(120,80,30,.18);font:500 15.5px/1.5 var(--sc-f-text)}
.sc-doc h4{margin:0 0 6px;font:400 20px/1.1 'IM Fell English',Georgia,serif;color:#5a1c12}

.sc-reveal{position:relative;padding:7px;background:linear-gradient(180deg,#221e25,#151217);box-shadow:inset 0 1px 0 var(--sc-edge-l),inset 0 -1px 0 var(--sc-joint)}
.sc-reveal > .work{position:relative;width:100%;height:100%;box-sizing:border-box;box-shadow:0 0 0 1px var(--sc-joint),0 0 0 2px rgba(236,220,190,.05)}
.sc-reveal > .work::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 6px 8px -4px rgba(0,0,0,.7),inset 6px 0 8px -6px rgba(0,0,0,.6),inset -6px 0 8px -6px rgba(0,0,0,.6)}

.muenzen{display:inline-flex;align-items:center;gap:.2em;white-space:nowrap;font-variant-numeric:tabular-nums}
.muenzen>i{display:inline-block;flex:none;width:1.15em;height:1.15em;background:url(../frei/tisch/muenzen.webp) center/contain no-repeat;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}
.muenzen.mz-sm>i{background-image:url(../frei/tisch/muenzen-silber.webp)}.muenzen.mz-km>i{background-image:url(../frei/tisch/muenzen-kupfer.webp)}.muenzen.mz-em>i{background-image:url(../frei/tisch/muenzen-elektrum.webp)}.muenzen.mz-pm>i{background-image:url(../frei/tisch/muenzen-platin.webp)}
.mz-reihe{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.2em .55em}