html.sc{--scL:82px;--scR:82px;--scT:42px;--scF:10px;--scB:46px;--scDW:360px;
  --sc-mineral:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .5 0 0 0 0 .45 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E")}

@media (min-width:641px){
html.sc #topbar{left:0;right:0;top:0;height:var(--scT);padding:0 14px 0 calc(var(--scL) + 12px);gap:12px;justify-content:flex-start;box-sizing:border-box;z-index:7;
  background:var(--sc-mineral),linear-gradient(180deg,#302a35 0%,#231f28 38%,#1b181f 78%,#141116 100%);
  box-shadow:inset 0 1px 0 rgba(236,220,190,.12),inset 0 -1px 0 #2f2a34,0 1px 0 #040304,0 2px 0 #1f1b23,0 6px 0 #17141a,0 7px 0 #040304,0 9px 10px rgba(0,0,0,.55)}
html.sc #topbar::after{content:"";position:absolute;left:0;right:0;top:100%;height:7px;pointer-events:none;background:linear-gradient(180deg,#1f1b23 0 1px,#18151c 1px 5px,#040304 5px 6px,transparent 6px)}
html.sc #topbar .sc-fill{flex:1}
html.sc #topbar .sc-brandmark{display:flex;align-items:center;gap:8px;margin-right:6px;font:400 15px/1 var(--sc-f-brand);color:var(--sc-ivory-2);white-space:nowrap}
html.sc #topbar .sc-brandmark[data-portal]{cursor:pointer;border-radius:2px;transition:color .2s}
html.sc #topbar .sc-brandmark[data-portal]:hover,html.sc #topbar .sc-brandmark[data-portal]:focus-visible{color:var(--sc-ivory-1,#f1e8d6);outline:none;text-shadow:0 0 10px rgba(214,160,90,.45)}
html.sc #topbar .sc-brandmark img{width:20px;height:20px;opacity:.9}
html.sc #topbar .sc-spinne-w{display:inline-flex;filter:drop-shadow(0 0 .6px #000) drop-shadow(0 -1px 0 rgba(0,0,0,.85)) drop-shadow(0 1px 0 rgba(236,220,190,.16))}
html.sc .sc-spinne{display:block;width:19px;height:25px;background:linear-gradient(165deg,#fbf6ec,#e3d9c7 55%,#b6aa95);
  -webkit-mask:url("../brand/screencrawler-spinne.svg") center/contain no-repeat;mask:url("../brand/screencrawler-spinne.svg") center/contain no-repeat}
html.sc #topbar .plate{display:inline-flex;gap:1px;padding:2px;background:#070607;border:0;border-radius:0;box-shadow:0 0 0 1px #040304,inset 0 2px 3px rgba(0,0,0,.7),0 1px 0 1px rgba(255,240,215,.05)}
html.sc #topbar .plate::before,html.sc #topbar .plate::after{display:none}
html.sc #topbar .plate button{height:28px;min-width:30px;padding:0 11px 2px;display:inline-flex;align-items:center;gap:6px;border:0;border-radius:1px;
  font:600 12px/1 var(--sc-f-text);text-transform:uppercase;letter-spacing:.08em;color:var(--sc-ivory-2);
  background:linear-gradient(180deg,#2b262e,#1e1b21);box-shadow:inset 0 1px 0 rgba(255,236,205,.10),inset 0 -2px 0 rgba(0,0,0,.5);text-shadow:none}
html.sc #topbar .plate button svg{width:15px;height:15px;fill:currentColor;stroke:none}
html.sc #topbar .plate button:hover{color:var(--sc-ivory);background:linear-gradient(180deg,#352f38,#252128)}
html.sc #topbar .plate button[aria-pressed="true"]{padding:2px 11px 0;color:var(--sc-ivory);background:linear-gradient(180deg,#121014,#18151a);box-shadow:inset 0 2px 3px rgba(0,0,0,.75),inset 0 -2px 0 var(--sc-brass)}
html.sc #topbar #bLink.on{color:var(--sc-ivory)}
html.sc #topbar #bLink.lost{color:#f0b9a8;background:linear-gradient(180deg,#5a1a1f,#3e1015)}
html.sc #topbar #bTheme{display:none}

html.sc #rail{top:calc(var(--scT) + var(--scF));bottom:0;width:var(--scL);padding:0;gap:0;overflow:visible;align-items:center;z-index:6;
  background:#09080a;box-shadow:inset -1px 0 0 #040304,4px 0 10px rgba(0,0,0,.55)}
html.sc #rail::before{display:none}
html.sc #rail > .sc-cap{display:flex;justify-content:center;align-items:center;width:var(--scL);height:46px;flex:none;
  background:var(--sc-mineral),linear-gradient(180deg,#332d38,#1d1a21 70%,#151217);
  box-shadow:inset 0 1px 0 rgba(236,220,190,.11),inset 0 -1px 0 #040304,0 3px 0 -1px #1a171e,0 4px 0 -1px #040304,0 6px 6px rgba(0,0,0,.5)}
html.sc #rail > .sc-cap .crest{width:30px;height:30px;margin:0;filter:drop-shadow(0 1px 1px #000)}
html.sc #rail > .sc-shaft{flex:1;min-height:0;width:72px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 0 8px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;
  background:var(--sc-mineral),linear-gradient(90deg,#0b0a0d 0,#1a171e 12%,#2a2530 38%,#26222c 55%,#18151c 84%,#0a090c 100%);
  box-shadow:inset 1px 0 0 rgba(0,0,0,.7),inset -1px 0 0 rgba(0,0,0,.7)}
html.sc #rail > .sc-shaft::-webkit-scrollbar{display:none}
html.sc #rail > .sc-base{width:var(--scL);height:22px;flex:none;
  background:var(--sc-mineral),linear-gradient(180deg,#2e2933,#1a171e 60%,#121014);
  box-shadow:inset 0 1px 0 rgba(236,220,190,.10),inset 0 -2px 0 #040304,0 -3px 0 -1px #1a171e,0 -4px 0 -1px #040304}
html.sc #rail button,html.sc #dock button{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;flex:none;
  width:64px;min-height:0;height:50px;margin:0;padding:0 0 7px;box-sizing:border-box;border:0;border-radius:0;background:none;box-shadow:none;cursor:pointer;
  font:600 10px/1.05 var(--sc-f-text)!important;text-transform:uppercase;letter-spacing:.03em!important;color:var(--sc-ivory-2)!important;text-shadow:0 1px 0 #000}
html.sc #rail button::before,html.sc #dock button::before{content:"";position:absolute;inset:0 1px 3px;z-index:-1;
  background:linear-gradient(180deg,#040304 0%,#0b090c 50%,#151217 100%);
  clip-path:polygon(0 100%,0 36%,6% 22%,17% 11%,32% 4%,50% 0,68% 4%,83% 11%,94% 22%,100% 36%,100% 100%);transition:background .28s}
html.sc #rail button::after,html.sc #dock button::after{content:"";position:absolute;left:-4px;right:-4px;bottom:0;height:4px;z-index:-1;
  background:linear-gradient(180deg,#3a343f 0 1px,#25212a 1px 3px,#040304 3px 4px)}
html.sc #rail button svg,html.sc #dock button svg,html.sc #dock button svg.ic{width:20px;height:20px;fill:currentColor;filter:drop-shadow(0 1px 0 #000)}
html.sc #rail button:hover,html.sc #dock button:hover{color:var(--sc-ivory)!important}
html.sc #rail button:hover::before,html.sc #dock button:hover::before{background:linear-gradient(180deg,#09080a 0%,#151217 50%,#201c24 100%)}
html.sc #rail button[aria-pressed="true"],html.sc #dock button[aria-pressed="true"]{width:64px;margin:0;color:var(--sc-ivory)!important;background:none;box-shadow:none}
html.sc #rail button[aria-pressed="true"]::before,html.sc #dock button[aria-pressed="true"]::before{background:radial-gradient(110% 75% at 50% 100%,rgba(214,176,116,.30),transparent 72%),linear-gradient(180deg,#151218 0%,#231e26 60%,#2e2832 100%)}
html.sc #rail button[aria-pressed="true"] .sc-mark,html.sc #dock button[aria-pressed="true"] .sc-mark{display:block}
html.sc .sc-mark{display:none;position:absolute;left:50%;bottom:0;width:18px;height:3px;transform:translateX(-50%);background:var(--sc-red-l);z-index:1}
html.sc #dock button[data-dk="hold"][aria-pressed="true"]::before{background:radial-gradient(110% 75% at 50% 100%,rgba(158,31,43,.45),transparent 72%),linear-gradient(180deg,#151218,#2a1a1f)}
html.sc #rail button:focus-visible,html.sc #dock button:focus-visible{outline:1px solid var(--sc-brass-l);outline-offset:0}
html.sc .sc-gesims{display:block;flex:none;width:76px;height:9px;margin:4px 0;position:relative;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cg fill='none' stroke='%23866843' 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") center/10px 10px no-repeat,linear-gradient(180deg,#38323d 0 1px,#26222b 1px 6px,#141116 6px 8px,#040304 8px 9px);
  box-shadow:0 2px 3px rgba(0,0,0,.55)}
html.sc #rail .sep{display:none}

html.sc #dock{top:calc(var(--scT) + var(--scF));bottom:0;right:0;width:var(--scR);gap:0;padding:0;align-items:center;flex-direction:column;flex-wrap:nowrap;z-index:6;
  background:#09080a;box-shadow:inset 1px 0 0 #040304,-4px 0 10px rgba(0,0,0,.55)}
html.sc #dock > .sc-cap{width:var(--scR);height:14px;flex:none;background:linear-gradient(180deg,#332d38,#1d1a21 70%,#151217);box-shadow:inset 0 1px 0 rgba(236,220,190,.11),inset 0 -1px 0 #040304,0 3px 0 -1px #1a171e,0 4px 0 -1px #040304}
html.sc #dock > .sc-shaft{flex:1;min-height:0;width:72px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 0 8px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;
  background:var(--sc-mineral),linear-gradient(90deg,#0a090c 0,#18151c 16%,#26222c 45%,#2a2530 62%,#1a171e 88%,#0b0a0d 100%);box-shadow:inset 1px 0 0 rgba(0,0,0,.7),inset -1px 0 0 rgba(0,0,0,.7)}
html.sc #dock > .sc-shaft::-webkit-scrollbar{display:none}
html.sc #dock > .sc-base{width:var(--scR);height:22px;flex:none;background:linear-gradient(180deg,#2e2933,#1a171e 60%,#121014);box-shadow:inset 0 1px 0 rgba(236,220,190,.10),inset 0 -2px 0 #040304,0 -3px 0 -1px #1a171e,0 -4px 0 -1px #040304}
html.sc #dock .sc-tag{display:block;flex:none;margin:2px 0 3px;font:600 9.5px/1 var(--sc-f-text);letter-spacing:.14em;text-transform:uppercase;color:#7b6448}
html.sc #dock button span{white-space:normal;text-align:center}

html.sc #scSocle{position:absolute;left:var(--scL);right:var(--scR);bottom:0;height:var(--scB);z-index:5;display:flex;align-items:center;justify-content:center;gap:16px;padding:0 14px;box-sizing:border-box;pointer-events:none;
  background:var(--sc-mineral),linear-gradient(180deg,#2c2731 0%,#201c25 30%,#17141b 100%);
  box-shadow:inset 0 1px 0 rgba(236,220,190,.12),inset 0 2px 0 #040304,inset 0 3px 0 #2a2530,0 -2px 0 #1a171e,0 -3px 0 #040304,0 -8px 10px rgba(0,0,0,.45)}
html.sc #scSocle > *{pointer-events:auto}
html.sc #scSocle #scBar{position:static;transform:none;margin:0;bottom:auto;left:auto;display:flex;gap:4px;flex-wrap:nowrap;padding:0;background:none;box-shadow:none;border:0}
html.sc #scSocle #scBar button{height:26px;padding:0 9px 2px;display:inline-flex;align-items:center;gap:5px;border:0;border-radius:1px;font:600 13px/1 var(--sc-f-text);color:var(--sc-ivory-2);
  background:linear-gradient(180deg,#2b262e,#1e1b21);box-shadow:0 0 0 1px #040304,inset 0 1px 0 rgba(255,236,205,.10),inset 0 -2px 0 rgba(0,0,0,.5);text-shadow:none}
html.sc #scSocle #scBar button:hover{color:var(--sc-ivory);background:linear-gradient(180deg,#352f38,#252128)}
html.sc #scSocle #scBar button:active{padding:2px 9px 0;box-shadow:0 0 0 1px #040304,inset 0 2px 3px rgba(0,0,0,.7)}
html.sc #scSocle #scBar button i,html.sc #scSocle #scBar button b{font-style:normal}
html.sc #scSocle #nav{position:static;transform:none;margin:0;bottom:auto;left:auto;display:flex;align-items:center;gap:4px}
html.sc #scSocle #nav #prev,html.sc #scSocle #nav #next{width:28px;height:28px;padding:0 0 2px;border:0;border-radius:1px;font:600 18px/1 var(--sc-f-text);color:var(--sc-ivory-2);
  background:linear-gradient(180deg,#2b262e,#1e1b21);box-shadow:0 0 0 1px #040304,inset 0 1px 0 rgba(255,236,205,.10),inset 0 -2px 0 rgba(0,0,0,.5)}
html.sc #scSocle #nav #prev:hover,html.sc #scSocle #nav #next:hover{color:var(--sc-ivory)}
html.sc #scSocle #nav .ribbon{height:30px;display:flex;align-items:center;padding:0 26px;margin:0 2px;background:linear-gradient(180deg,#8a1f2a,#5b0f18);
  clip-path:polygon(11px 0,calc(100% - 11px) 0,100% 50%,calc(100% - 11px) 100%,11px 100%,0 50%);box-shadow:inset 0 1px 0 rgba(255,200,170,.22);filter:none;border:0}
html.sc #scSocle #nav .ribbon::before,html.sc #scSocle #nav .ribbon::after{display:none}
html.sc #scSocle #nav #mapname{font:600 13.5px/1 var(--sc-f-moment);letter-spacing:.1em;color:#f6e8da;text-shadow:none;white-space:nowrap}
html.sc #scSocle #nav #mapname small,html.sc #scSocle #nav #mapname em{font:italic 500 12px var(--sc-f-text);letter-spacing:0;color:#e5c8bc}

html.sc #scReveal{position:absolute;left:var(--scL);right:var(--scR);top:calc(var(--scT) + var(--scF));bottom:var(--scB);z-index:4;pointer-events:none;
  box-shadow:inset 0 0 0 1px #3a343f,inset 0 0 0 9px #1d1a21,inset 0 0 0 10px #040304,inset 0 0 0 11px rgba(236,220,190,.05),
             inset 0 22px 18px -12px rgba(0,0,0,.8),inset 18px 0 16px -12px rgba(0,0,0,.65),inset -18px 0 16px -12px rgba(0,0,0,.65),inset 0 -14px 14px -10px rgba(0,0,0,.6)}
html.sc #scReveal::before{content:"";position:absolute;left:0;right:0;top:0;height:9px;background:linear-gradient(180deg,#2e2933,#1d1a21);box-shadow:inset 0 -1px 0 #040304}
html.sc #scReveal::after{content:"";position:absolute;left:0;right:0;bottom:0;height:9px;background:linear-gradient(180deg,#1d1a21,#29242e);box-shadow:inset 0 1px 0 #040304}
html.sc.sc-open #scReveal{left:calc(var(--scL) + var(--scDW))}

html.sc #drawer{left:var(--scL);top:calc(var(--scT) + var(--scF));bottom:var(--scB);width:var(--scDW);padding:0 7px;box-sizing:border-box;border:0;border-image:none;color:var(--sc-ivory);z-index:5;
  background:var(--sc-mineral),linear-gradient(90deg,#141116,#221e27 6%,#201c25 94%,#141116);box-shadow:inset 1px 0 0 rgba(236,220,190,.07),inset -1px 0 0 #040304,6px 0 14px rgba(0,0,0,.5);
  --parch:#100e11;--parch2:#1b181d;--ink:#e9e1d2;--ink2:#b3a895;--rubric:#cfae74;--rubric2:#d98a7e;--rule:#5f4a2e;--cream:#e9e1d2;--dim:#8a8070}
html.sc #drawer::before,html.sc #drawer::after{display:none}
html.sc #drawer header{position:relative;margin:0 -7px;padding:14px 16px 9px 16px;background:linear-gradient(180deg,#2c2731 0%,#231f28 45%,#1c1920 100%);box-shadow:inset 0 -1px 0 #040304}
html.sc #drawer header::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(180deg,#3d3742 0 1px,#141116 1px 2px,#2c2731 2px 5px,#040304 5px 6px)}
html.sc #drawer header::after{display:none}
html.sc #drawer h2{font:600 15px/1.1 var(--sc-f-text);text-transform:uppercase;letter-spacing:.12em;color:var(--sc-ivory);text-shadow:0 1px 0 #000}
html.sc #drawer h2::first-letter{font-size:1em}
html.sc #drawer header p{margin:5px 0 0;font:500 13.5px/1.35 var(--sc-f-text);font-style:normal;color:var(--sc-ivory-3)}
html.sc #drawer .body{padding:12px 13px 18px;gap:16px;background:#100e11;box-shadow:inset 0 3px 5px rgba(0,0,0,.65),inset 0 0 0 1px #040304;scrollbar-color:#4a4250 transparent}
html.sc #drawer .sect h3{font:600 13px/1 var(--sc-f-text);text-transform:uppercase;letter-spacing:.07em;color:var(--sc-brass);margin:2px 0 8px}
html.sc #drawer .sect h3::after{height:2px;background:linear-gradient(180deg,#040304 0 1px,rgba(236,220,190,.06) 1px 2px)}
html.sc #drawer .hint{color:var(--sc-ivory-3)}
html.sc #drawer label,html.sc #drawer .row label{color:var(--sc-ivory-2)}
html.sc #drawer .btn{border:0;border-radius:1px;padding:7px 12px 8px;font:600 14px/1 var(--sc-f-text);color:var(--sc-ivory);text-shadow:none;
  background:linear-gradient(180deg,#2b262e,#1e1b21);box-shadow:0 0 0 1px #040304,inset 0 1px 0 rgba(255,236,205,.10),inset 0 -2px 0 rgba(0,0,0,.5)}
html.sc #drawer .btn:hover{background:linear-gradient(180deg,#352f38,#252128)}
html.sc #drawer .btn:active{transform:translateY(1px);box-shadow:0 0 0 1px #040304,inset 0 2px 3px rgba(0,0,0,.75)}
html.sc #drawer .btn.ghost{background:linear-gradient(180deg,#221e25,#19161b);color:var(--sc-ivory-2)}
html.sc #drawer .btn.ghost:hover{color:var(--sc-ivory)}
html.sc #drawer .chip{border:0;border-radius:1px;color:var(--sc-ivory);background:linear-gradient(180deg,#221e25,#19161b);box-shadow:0 0 0 1px #040304,inset 0 1px 0 rgba(255,236,205,.07),inset 0 -2px 0 rgba(0,0,0,.45)}
html.sc #drawer .chip:hover{background:linear-gradient(180deg,#2b262e,#201c23)}
html.sc #drawer .chip[aria-pressed="true"]{color:var(--sc-ivory);background:linear-gradient(180deg,#121014,#18151a);box-shadow:0 0 0 1px #040304,inset 0 2px 3px rgba(0,0,0,.75),inset 0 -2px 0 var(--sc-brass)}
html.sc #drawer input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),html.sc #drawer select,html.sc #drawer textarea{
  background:#070607!important;color:var(--sc-ivory)!important;border:0!important;border-radius:0!important;box-shadow:inset 0 2px 3px rgba(0,0,0,.75),0 0 0 1px #040304,0 1px 0 1px rgba(255,240,215,.05)!important}
html.sc #drawer input::placeholder,html.sc #drawer textarea::placeholder{color:var(--sc-ivory-3)!important}
html.sc #drawer input:focus,html.sc #drawer select:focus,html.sc #drawer textarea:focus{box-shadow:inset 0 2px 3px rgba(0,0,0,.75),0 0 0 1px var(--sc-brass)!important;outline:none}
html.sc #drawer select option{background:#141116;color:var(--sc-ivory)}
html.sc #drawer :is(.mapitem,.irow,.prow,.ori,.trc,.npcg,.rtres,.card,.hstats>div,.cstats span,.sbk span,.sba span,.rlog span,.hspells span,#drop,.book.add,.hitem){
  background:linear-gradient(180deg,#1b181e,#141116);border-color:#040304;color:var(--sc-ivory);box-shadow:inset 0 1px 0 rgba(236,220,190,.05)}
html.sc #drawer :is(.mapitem,.trc,.card):hover{background:linear-gradient(180deg,#232027,#19161c)}
html.sc #drawer .irow.act{background:linear-gradient(90deg,rgba(214,176,116,.12),rgba(214,176,116,.03) 70%),#17141a;border-color:#040304;box-shadow:inset 3px 0 0 var(--sc-red-l)}
html.sc #drawer :is(.sci){background:linear-gradient(180deg,#1b181e,#141116);border-color:#040304;box-shadow:inset 0 1px 0 rgba(236,220,190,.05)}
html.sc #drawer .sci .k{color:var(--sc-brass-l)}
html.sc #drawer .sci b{color:var(--sc-ivory)}
html.sc #drawer .sci small,html.sc #drawer .card small{color:var(--sc-ivory-2)}
html.sc #drawer #hctl button{color:var(--sc-ivory-2)}
html.sc #drawer #hctl button:hover{color:var(--sc-ivory)}
html.sc #drawer .hst{color:var(--sc-ivory);background:rgba(0,0,0,.18);border-color:#040304}
html.sc #drawer .hst .l{color:var(--sc-ivory-2)}
html.sc #drawer .hst small{font-size:12px;color:var(--sc-ivory-2)}
html.sc #drawer .hst .insp{color:var(--sc-ivory-2);border-color:var(--sc-brass-d)}
html.sc #drawer .hst .insp.on{color:#2a1406}
html.sc #drawer .ki,html.sc #drawer .kcc button{color:var(--sc-ivory-2)}
html.sc #drawer .kcc button[aria-pressed=true]{color:#fff}
html.sc #drawer .ka{color:var(--sc-red-text)}
html.sc #drawer .npcg b{color:var(--sc-brass-l)}
html.sc #drawer .status.ok{color:var(--sc-ok)!important}
html.sc #drawer #npcsearch{background:#070607;color:var(--sc-ivory);border:0;box-shadow:inset 0 2px 3px rgba(0,0,0,.75),0 0 0 1px #040304}
html.sc #drawer .hhp button,html.sc #drawer kbd{background:linear-gradient(180deg,#2b262e,#1e1b21);color:var(--sc-ivory);border:0;box-shadow:0 0 0 1px #040304,inset 0 1px 0 rgba(255,236,205,.10),inset 0 -2px 0 rgba(0,0,0,.5)}
html.sc #drawer{--paper:#100e11}
html.sc #drawer .kctl{background:#100e11;box-shadow:0 6px 8px -6px rgba(0,0,0,.7)}
html.sc #drawer .kr{border-radius:0;background:linear-gradient(180deg,#1b181e,#141116);border:0;box-shadow:0 1px 0 #040304,inset 0 1px 0 rgba(236,220,190,.05);color:var(--sc-ivory)}
html.sc #drawer .kr.pc{border-left:3px solid #6d8a52}
html.sc #drawer .kr:not(.pc){border-left:3px solid #7a2a24}
html.sc #drawer .kr.act{background:linear-gradient(90deg,rgba(214,176,116,.14),rgba(214,176,116,.03) 70%),#19161c;box-shadow:0 1px 0 #040304,inset 0 0 0 1px #5f4a2e}
html.sc #drawer .kb{background:#070607;box-shadow:inset 0 1px 2px rgba(0,0,0,.8),0 0 0 1px #040304}
html.sc #drawer .kres{border-radius:0;background:#0b0a0c;border:0;box-shadow:inset 0 0 0 1px #5f4a2e;color:var(--sc-ivory)}
html.sc #drawer .kres b{color:#e08a7e}
html.sc #drawer .hcard{border:0;border-left:3px solid var(--hc);border-radius:0;background:linear-gradient(180deg,#1d1a20,#151217);box-shadow:0 1px 0 #040304,inset 0 1px 0 rgba(236,220,190,.05)}
html.sc #drawer .kback{color:var(--sc-ivory-2)}
html.sc #drawer .kn b{color:var(--sc-ivory)}
html.sc #drawer .kn small{color:var(--sc-ivory-3)}
html.sc #drawer button.chip.sw,html.sc #drawer button.chip.sw[aria-pressed="true"]{background:linear-gradient(180deg,#1b181e,#141116);color:var(--sc-ivory);border:0;box-shadow:0 0 0 1px #040304,inset 0 1px 0 rgba(236,220,190,.05)}
html.sc #drawer #otabs{padding:2px;gap:1px;background:#070607;border:0;box-shadow:0 0 0 1px #040304,inset 0 2px 3px rgba(0,0,0,.75),0 1px 0 1px rgba(255,240,215,.05)}
html.sc #drawer #otabs button{font:600 13px/1.1 var(--sc-f-text);text-transform:none;letter-spacing:.01em;color:var(--sc-ivory-2);border:0;background:linear-gradient(180deg,#2b262e,#1e1b21);box-shadow:inset 0 1px 0 rgba(255,236,205,.09),inset 0 -2px 0 rgba(0,0,0,.5)}
html.sc #drawer #otabs button:hover{color:var(--sc-ivory)}
html.sc #drawer #otabs button span{white-space:normal;overflow:visible;text-overflow:clip;text-align:center;overflow-wrap:break-word}
html.sc #drawer #otabs button[aria-selected="true"]{color:var(--sc-ivory);background:linear-gradient(180deg,#121014,#18151a);border:0;box-shadow:inset 0 2px 3px rgba(0,0,0,.75),inset 0 -2px 0 var(--sc-brass)}
html.sc #drawer .otabs,html.sc #drawer [role=tablist]{background:none;box-shadow:none}

html.sc #partybar{bottom:calc(var(--scB) + 14px)}
html.sc #toast{bottom:calc(var(--scB) + 18px)}

html.sc #toast{background:linear-gradient(180deg,#25212a,#1a171e);color:var(--sc-ivory);border:0;border-radius:0;font:500 15px/1.3 var(--sc-f-text);
  box-shadow:0 0 0 1px #040304,inset 0 1px 0 rgba(236,220,190,.10),inset 0 2px 0 #5f4a2e,0 6px 14px rgba(0,0,0,.55)}

html.sc #topbar{background:
   linear-gradient(180deg,#4a4350 0 1px,#332d38 1px 4px,#040304 4px 5px,transparent 5px),
   linear-gradient(0deg,#040304 0 1px,#3a343f 1px 2px,#1c1920 2px 4px,transparent 4px),
   var(--sc-mineral),linear-gradient(180deg,#2c2731 0%,#241f29 40%,#1c1920 100%);
  box-shadow:0 1px 0 #040304,0 6px 8px rgba(0,0,0,.5)}
html.sc #topbar::after{left:calc(var(--scL) + 4px);right:calc(var(--scR) + 4px);height:var(--scF);top:100%;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='10'%3E%3Crect width='24' height='10' fill='%231c1920'/%3E%3Crect width='24' height='2' fill='%23302a35'/%3E%3Cpath d='M3 10V6.5Q3 3 12 2.4Q21 3 21 6.5V10Z' fill='%230a090c'/%3E%3Cpath d='M3 10V6.5Q3 3 12 2.4Q21 3 21 6.5' fill='none' stroke='%23040304' stroke-width='1'/%3E%3Cpath d='M21.5 10V6.5Q21.5 2.8 12 1.9' fill='none' stroke='%233d3742' stroke-width='.8'/%3E%3C/svg%3E") left top/24px var(--scF) repeat-x;
  box-shadow:0 1px 0 #040304,0 4px 6px rgba(0,0,0,.55)}
html.sc #rail,html.sc #dock{top:var(--scT);
  background:linear-gradient(90deg,#040304 0 1px,#3a343f 1px 2px,#2a2530 2px 3px,#141116 4px,#040304 5px,transparent 5px calc(100% - 5px),#040304 calc(100% - 5px),#1f1b24 calc(100% - 4px),#141116 calc(100% - 2px),#040304 calc(100% - 1px)),#09080a}
html.sc #rail > .sc-shaft,html.sc #dock > .sc-shaft{background:var(--sc-mineral),
  linear-gradient(90deg,#060507 0,#18151c 9%,#2e2934 30%,#38323f 40%,#2c2731 56%,#1c1920 78%,#0d0c0f 94%,#050406 100%)}
html.sc #rail > .sc-cap,html.sc #dock > .sc-cap{position:relative;overflow:visible;z-index:2;
  background:linear-gradient(180deg,#4a4350 0 1px,#38323d 1px 3px,#2a2530 3px 9px,#040304 9px 10px,transparent 10px),
             linear-gradient(180deg,transparent 10px,#2c2731 10px,#1b181f 100%);
  box-shadow:0 1px 0 #040304,0 5px 6px rgba(0,0,0,.6)}
html.sc #rail > .sc-cap{height:54px;align-items:flex-end;padding-bottom:9px;box-sizing:border-box}
html.sc #dock > .sc-cap{height:24px}
html.sc #rail > .sc-cap::before,html.sc #dock > .sc-cap::before{content:"";position:absolute;top:0;height:10px;width:7px;
  background:linear-gradient(180deg,#4a4350 0 1px,#38323d 1px 3px,#2a2530 3px 9px,#040304 9px 10px);box-shadow:0 4px 5px rgba(0,0,0,.5)}
html.sc #rail > .sc-cap::before{right:-7px;clip-path:polygon(0 0,100% 0,100% 30%,0 100%)}
html.sc #dock > .sc-cap::before{left:-7px;clip-path:polygon(0 0,100% 0,100% 100%,0 30%)}
html.sc #rail > .sc-cap::after,html.sc #dock > .sc-cap::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:6px;
  background:linear-gradient(180deg,#1b181f,#0d0c0f);clip-path:polygon(0 0,100% 0,calc(100% - 5px) 100%,5px 100%)}
html.sc #rail > .sc-base,html.sc #dock > .sc-base{height:var(--scB);
  background:var(--sc-mineral),linear-gradient(180deg,#0d0c0f 0,#2a2530 2px,#433c49 4px,#2c2731 7px,#141116 10px,#040304 11px,#1b181f 12px,#2c2731 13px,#221e27 40%,#18151c 85%,#0d0c0f 100%);
  box-shadow:0 -1px 0 #040304,0 -5px 6px rgba(0,0,0,.45)}
html.sc .sc-arch{position:absolute;inset:-2px -2px 1px;z-index:-2;pointer-events:none;
  clip-path:polygon(0 100%,0 36%,6% 22%,17% 11%,32% 4%,50% 0,68% 4%,83% 11%,94% 22%,100% 36%,100% 100%);
  background:linear-gradient(180deg,rgba(236,220,190,.10),transparent 40%),linear-gradient(90deg,#46404c 0,#2e2934 22%,#1c1920 60%,#0c0b0e 100%)}
html.sc #rail button::before,html.sc #dock button::before{inset:1px 2px 4px;
  background:linear-gradient(90deg,rgba(0,0,0,.55),transparent 28%,transparent 76%,rgba(236,220,190,.035)),linear-gradient(180deg,#020102 0%,#09080b 45%,#141116 100%)}
html.sc #rail button:hover::before,html.sc #dock button:hover::before{background:linear-gradient(90deg,rgba(0,0,0,.45),transparent 28%),linear-gradient(180deg,#09080a 0%,#151217 50%,#221e26 100%)}
html.sc #rail button[aria-pressed="true"]::before,html.sc #dock button[aria-pressed="true"]::before{background:radial-gradient(110% 80% at 50% 100%,rgba(214,176,116,.34),transparent 72%),linear-gradient(90deg,rgba(0,0,0,.4),transparent 30%),linear-gradient(180deg,#141116 0%,#231e26 60%,#2e2832 100%)}
html.sc #rail button[aria-pressed="true"] .sc-arch,html.sc #dock button[aria-pressed="true"] .sc-arch{background:linear-gradient(180deg,rgba(214,176,116,.22),transparent 45%),linear-gradient(90deg,#5a4c3c 0,#3a3236 24%,#211d24 62%,#0c0b0e 100%)}
html.sc .sc-gesims{width:82px;height:11px;margin:5px 0 6px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cg fill='none' stroke='%23866843' 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") center 1px/9px 9px no-repeat,
    linear-gradient(180deg,#4a4350 0 1px,#332d38 1px 4px,#221e27 4px 7px,#040304 7px 8px,#16131a 8px 10px,#040304 10px 11px);
  clip-path:polygon(0 0,100% 0,100% 64%,calc(100% - 4px) 100%,4px 100%,0 64%);box-shadow:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.6))}
html.sc #scReveal{top:calc(var(--scT) + var(--scF));
  background:linear-gradient(90deg,#040304 0 1px,#3a343f 1px 2px,#2a2530 2px 7px,#040304 7px 8px,#1a171e 8px 12px,#040304 12px 13px,rgba(236,220,190,.12) 13px 14px,transparent 14px) left top/15px 100% no-repeat,
             linear-gradient(270deg,#040304 0 1px,#26222b 1px 2px,#1c1920 2px 7px,#040304 7px 8px,#121014 8px 12px,#040304 12px 13px,rgba(236,220,190,.06) 13px 14px,transparent 14px) right top/15px 100% no-repeat;
  box-shadow:inset 0 34px 22px -18px rgba(0,0,0,.8),inset 30px 0 18px -16px rgba(0,0,0,.6),inset -30px 0 18px -16px rgba(0,0,0,.6),inset 0 -24px 16px -14px rgba(0,0,0,.55)}
html.sc #scReveal::before{height:14px;box-shadow:none;clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,14px 100%);
  background:linear-gradient(180deg,#040304 0 1px,#36303b 1px 7px,#040304 7px 8px,#231f28 8px 12px,#040304 12px 13px,rgba(236,220,190,.10) 13px 14px)}
html.sc #scReveal::after{height:14px;box-shadow:none;clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 100%,0 100%);
  background:linear-gradient(180deg,rgba(236,220,190,.14) 0 1px,#040304 1px 2px,#2a2530 2px 6px,#040304 6px 7px,#3a343f 7px 8px,#2c2731 8px 13px,#040304 13px 14px)}
html.sc #scSocle{background:var(--sc-mineral),linear-gradient(180deg,#0d0c0f 0,#2a2530 2px,#433c49 4px,#2c2731 7px,#141116 10px,#040304 11px,#1b181f 12px,#2c2731 13px,#221e27 40%,#18151c 85%,#0d0c0f 100%);
  box-shadow:0 -1px 0 #040304,0 -6px 10px rgba(0,0,0,.45);padding-top:10px}
html.sc #scSocle #scBar,html.sc #scSocle #nav{padding:3px;background:#070607;box-shadow:0 0 0 1px #040304,inset 0 2px 3px rgba(0,0,0,.75),0 1px 0 1px rgba(255,240,215,.06)}
html.sc #scSocle #scBar{gap:2px;width:max-content!important;max-width:calc(100% - 340px)!important;justify-content:flex-start;flex:0 1 auto;box-sizing:border-box}
html.sc #scSocle #scBar button,html.sc #scSocle #nav #prev,html.sc #scSocle #nav #next{box-shadow:inset 0 1px 0 rgba(255,236,205,.10),inset 0 -2px 0 rgba(0,0,0,.5)}
html.sc #scSocle #nav .ribbon{height:26px}
html.sc #drawer{top:calc(var(--scT) + var(--scF));box-shadow:inset 0 0 0 1px #040304,inset 2px 0 0 #2e2934,6px 0 14px rgba(0,0,0,.5)}
html.sc #rail button.krRail::before{background:radial-gradient(100% 90% at 50% 100%,rgba(214,176,116,.55),transparent 75%),linear-gradient(180deg,#141116,#2e2832)}
html.sc #rail button.krRail .sc-arch{background:linear-gradient(90deg,#c49a6a,#7a5c38 40%,#3a2e22 100%)}

html.sc #topbar{background:
   linear-gradient(180deg,#4a4350 0 1px,#332d38 1px 4px,#040304 4px 5px,transparent 5px),
   linear-gradient(0deg,#040304 0 1px,#3a343f 1px 2px,#1c1920 2px 4px,transparent 4px),
   url("orn/stein.webp") 0 0/320px 320px,
   linear-gradient(180deg,#2e2933 0%,#25212a 40%,#1d1a21 100%);
  background-blend-mode:normal,normal,soft-light,normal}
html.sc #topbar .sc-fill{align-self:stretch;margin:6px 4px 5px;position:relative;
  background:url("orn/masswerk.svg") center bottom/44px 30px repeat-x;box-shadow:inset 0 1px 0 #040304,inset 0 -1px 0 rgba(236,220,190,.06)}
html.sc #topbar .sc-rose{all:unset;position:absolute;left:50%;top:-1px;width:48px;height:48px;margin-left:-24px;z-index:3;cursor:pointer;border-radius:50%;
  filter:drop-shadow(0 3px 3px rgba(0,0,0,.7))}
html.sc #topbar .sc-rose svg{width:100%;height:100%;display:block}
html.sc .sc-rose .r0{fill:#26222b;stroke:#040304;stroke-width:.8}
html.sc .sc-rose .cu circle{fill:#1d1a21;stroke:#46404c;stroke-width:.45}
html.sc .sc-rose .r1{fill:none;stroke:#040304;stroke-width:1.6}
html.sc .sc-rose .r2{fill:#060507;stroke:#6e5534;stroke-width:1.1}
html.sc .sc-rose .gl path{fill:#120f14;transition:fill .4s}
html.sc .sc-rose .bar path{fill:none;stroke:#4a4350;stroke-width:.9}
html.sc .sc-rose .r3{fill:#2a2530;stroke:#040304;stroke-width:.7}
html.sc .sc-rose .r4{fill:#7a5e36}
html.sc .sc-rose[data-st="on"] .gl path{fill:#d9a35a}
html.sc .sc-rose[data-st="on"] .gl{filter:drop-shadow(0 0 1.5px rgba(232,170,90,.9))}
html.sc .sc-rose[data-st="lost"] .gl path{fill:#a8262c}
html.sc .sc-rose:hover .bar path{stroke:#6a6070}
html.sc .sc-rose:focus-visible{outline:1px solid var(--sc-brass-l);outline-offset:2px}
html.sc #topbar .sc-progbank button kbd{font:600 12px/1 var(--sc-f-text);letter-spacing:.03em;color:var(--sc-ivory-2);background:none;border:0;box-shadow:none;padding:0;margin-left:2px}
html.sc #topbar .sc-progbank button svg{width:15px;height:15px}
html.sc #topbar .sc-progbank [data-dk="search"] svg{fill:none;stroke:currentColor}
html.sc #rail > .sc-shaft,html.sc #dock > .sc-shaft{background:url("orn/stein.webp") 0 0/320px 320px,
  linear-gradient(90deg,#060507 0,#18151c 9%,#2e2934 30%,#3a3441 40%,#2c2731 56%,#1c1920 78%,#0d0c0f 94%,#050406 100%);background-blend-mode:soft-light,normal;padding:12px 0 10px;gap:3px}
html.sc #rail > .sc-cap,html.sc #dock > .sc-cap{background:url("orn/kapitell-l.svg") center top/82px 66px no-repeat;box-shadow:0 4px 6px rgba(0,0,0,.55)}
html.sc #rail > .sc-cap{height:66px;padding:19px 0 0;align-items:flex-start}
html.sc #dock > .sc-cap{height:40px;background-image:url("orn/kapitell-r.svg");background-size:82px 40px}
html.sc #rail > .sc-cap::after,html.sc #dock > .sc-cap::after{display:none}
html.sc #rail > .sc-cap .crest{display:none}
html.sc #rail > .sc-cap .sc-siegel-w{display:block;margin-top:1px;filter:drop-shadow(0 1px 0 #000) drop-shadow(0 -1px 0 rgba(0,0,0,.6))}
html.sc #rail > .sc-cap .sc-siegel{display:block;width:17px;height:22px;background:linear-gradient(160deg,#e2c48a,#a07c48 50%,#5f4a2e);
  -webkit-mask:url("../brand/screencrawler-spinne.svg") center/contain no-repeat;mask:url("../brand/screencrawler-spinne.svg") center/contain no-repeat}
html.sc #rail > .sc-base,html.sc #dock > .sc-base{
  background:linear-gradient(180deg,#0d0c0f 0,#2a2530 2px,#433c49 4px,#2c2731 7px,#141116 10px,#040304 11px,transparent 11px) 0 0/100% 12px no-repeat,
    url("orn/vierpass.svg") center 13px/30px 24px repeat-x,
    linear-gradient(180deg,transparent 38px,#040304 38px 39px,#3a343f 39px 40px,#1b181f 40px),
    url("orn/stein.webp") 0 0/320px 320px,linear-gradient(180deg,#25212a,#1c1920 60%,#141116);
  background-blend-mode:normal,normal,normal,soft-light,normal}
html.sc #rail button,html.sc #dock button{display:block;width:66px;height:50px;padding:0}
html.sc #rail button[aria-pressed="true"],html.sc #dock button[aria-pressed="true"]{width:66px}
html.sc #rail button::before,html.sc #dock button::before{inset:auto;left:14px;top:3px;width:38px;height:29px;clip-path:polygon(0.0% 100.0%,0.0% 82.9%,0.7% 70.8%,2.8% 59.0%,6.2% 47.6%,11.0% 36.9%,16.9% 27.1%,23.9% 18.3%,31.9% 10.8%,40.6% 4.7%,50.0% 0.0%,59.4% 4.7%,68.1% 10.8%,76.1% 18.3%,83.1% 27.1%,89.0% 36.9%,93.8% 47.6%,97.2% 59.0%,99.3% 70.8%,100.0% 82.9%,100.0% 100.0%)}
html.sc .sc-arch{inset:auto;left:10px;top:0;width:46px;height:33px;clip-path:polygon(0.0% 100.0%,0.0% 89.2%,0.7% 76.2%,2.8% 63.5%,6.2% 51.2%,11.0% 39.7%,16.9% 29.2%,23.9% 19.7%,31.9% 11.6%,40.6% 5.0%,50.0% 0.0%,59.4% 5.0%,68.1% 11.6%,76.1% 19.7%,83.1% 29.2%,89.0% 39.7%,93.8% 51.2%,97.2% 63.5%,99.3% 76.2%,100.0% 89.2%,100.0% 100.0%)}
html.sc #rail button::after,html.sc #dock button::after{left:8px;right:8px;bottom:auto;top:32px;height:4px;
  background:linear-gradient(180deg,#4a4350 0 1px,#2a2530 1px 3px,#040304 3px 4px)}
html.sc #rail button svg,html.sc #dock button svg,html.sc #dock button svg.ic{position:absolute;left:50%;top:11px;width:18px;height:18px;margin-left:-9px}
html.sc #rail button span,html.sc #dock button span{position:absolute;left:-3px;right:-3px;bottom:2px;display:block;text-align:center;white-space:nowrap;overflow:hidden;
  font:600 13px/1 var(--sc-f-text);letter-spacing:.01em;text-transform:none}
html.sc .sc-mark{left:50%;bottom:auto;top:32px;width:20px;height:3px}
html.sc .sc-gesims{margin:3px 0 4px}
html.sc #dock .sc-tag{display:flex;align-items:center;gap:6px;width:66px;margin:0 0 4px;font:600 12px/1 var(--sc-f-text);letter-spacing:.08em;color:var(--sc-brass-l)}
html.sc #dock .sc-tag::before,html.sc #dock .sc-tag::after{content:"";flex:1;height:2px;background:linear-gradient(180deg,#040304 0 1px,rgba(236,220,190,.08) 1px 2px)}
html.sc #dock .sc-gesims + .sc-tag{margin-top:2px}
html.sc .sc-eck{position:absolute;width:30px;height:30px;background:url("orn/eck.svg") 0 0/100% 100% no-repeat;z-index:1;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.7))}
html.sc .sc-eck.tl{left:1px;top:1px}html.sc .sc-eck.tr{right:1px;top:1px;transform:scaleX(-1)}
html.sc .sc-eck.bl{left:1px;bottom:1px;transform:scaleY(-1)}html.sc .sc-eck.br{right:1px;bottom:1px;transform:scale(-1,-1)}
html.sc #scSocle{padding-top:11px;gap:10px;
  background:linear-gradient(180deg,#0d0c0f 0,#2a2530 2px,#433c49 4px,#2c2731 7px,#141116 10px,#040304 11px,transparent 11px) 0 0/100% 12px no-repeat,
    url("orn/vierpass.svg") 0 13px/30px 24px repeat-x,
    linear-gradient(180deg,transparent 38px,#040304 38px 39px,#3a343f 39px 40px,#1b181f 40px),
    url("orn/stein.webp") 0 0/320px 320px,linear-gradient(180deg,#25212a,#1c1920 60%,#141116);
  background-blend-mode:normal,normal,normal,soft-light,normal}
html.sc #scSocle .sc-fiale{flex:none;width:14px;height:34px;background:url("orn/fiale.svg") 0 0/100% 100% no-repeat;align-self:flex-end;margin-bottom:-1px;filter:drop-shadow(1px 0 1px rgba(0,0,0,.6))}
html.sc #scSocle .sc-amtisch{flex:none;margin-right:-4px;font:600 12px/1 var(--sc-f-text);letter-spacing:.08em;text-transform:uppercase;color:var(--sc-brass-l);text-shadow:0 -1px 0 #000,0 1px 0 rgba(236,220,190,.08)}
html.sc body #drawer header::after{display:block;content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:12px;margin:0;pointer-events:none;clip-path:none;border-radius:0;box-shadow:none;
  background:url("orn/masswerk.svg") center bottom/26px 17.7px repeat-x;height:18px;filter:brightness(1.35) contrast(1.1)}
html.sc #drawer header{padding-bottom:26px}
html.sc #drawer{padding-bottom:10px}
html.sc #drawer::after{display:block;content:"";position:absolute;left:0;right:0;bottom:0;height:10px;pointer-events:none;border:0;
  background:linear-gradient(180deg,#040304 0 1px,#3a343f 1px 2px,#2a2530 2px 6px,#141116 6px 9px,#040304 9px 10px)}

html.sc #initbar{top:calc(var(--scT) + var(--scF));left:calc(var(--scL) + (100% - var(--scL) - var(--scR)) / 2);transform:translateX(-50%);
  max-width:calc(100% - var(--scL) - var(--scR) - 60px);box-sizing:border-box;align-items:stretch;gap:0;padding:0 16px 0 0;height:46px;border:0;border-radius:0;
  background:linear-gradient(180deg,#040304 0 1px,rgba(236,220,190,.10) 1px 2px,transparent 2px),
    linear-gradient(0deg,#040304 0 1px,#3a343f 1px 2px,#2a2530 2px 4px,#040304 4px 5px,transparent 5px),
    url("orn/stein.webp") 0 0/320px 320px,linear-gradient(180deg,#1f1b24,#2a2530 70%,#221e27);
  background-blend-mode:normal,normal,soft-light,normal;
  box-shadow:0 0 0 1px #040304,0 8px 10px -4px rgba(0,0,0,.7)}
html.sc.sc-open #initbar{left:calc(var(--scL) + var(--scDW) + (100% - var(--scL) - var(--scDW) - var(--scR)) / 2);max-width:calc(100% - var(--scL) - var(--scDW) - var(--scR) - 40px)}
html.sc #ui:has(#drawer:not([hidden])):not(.off) #initbar{left:calc(var(--scL) + var(--scDW) + (100% - var(--scL) - var(--scDW) - var(--scR)) / 2)}
html.sc #initbar::before,html.sc #initbar::after{content:"";position:absolute;top:-1px;width:10px;height:12px;
  background:radial-gradient(circle at 5px 6px,#8a909a 0 .8px,#33363c 1.2px 2px,transparent 2.4px),linear-gradient(180deg,#3a3e45,#1d1f23 60%,#0c0c0e);box-shadow:0 0 0 1px #040304}
html.sc #initbar::before{left:-6px}html.sc #initbar::after{right:-6px}
html.sc #initbar .rd{position:relative;flex:none;width:58px;height:46px;margin:0 6px 0 0;padding:0;clip-path:none;border-radius:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;
  background:radial-gradient(circle at 50% 50%,#070608 0 15px,#7a5e36 15.5px 17px,#040304 17.5px 18.5px,#2a2530 19px 21px,transparent 21.5px),linear-gradient(90deg,#141116,#221e27 40%,#18151c);
  box-shadow:inset -1px 0 0 #040304,inset -2px 0 0 rgba(236,220,190,.06);font:inherit;color:var(--sc-ivory)}
html.sc #initbar .rd small{font:600 12px/1 var(--sc-f-text);letter-spacing:0;text-transform:none;color:var(--sc-brass-l)}
html.sc #initbar .rd b{font:600 17px/1 var(--sc-f-text);color:#efe3cc;text-shadow:0 1px 0 #000}
html.sc #initbar .ie{flex:0 1 auto;min-width:0;flex-direction:row;align-items:center;gap:7px;padding:0 10px 0 8px;position:relative}
html.sc #initbar .ie + .ie{box-shadow:inset 1px 0 0 #040304,inset 2px 0 0 rgba(236,220,190,.06)}
html.sc #initbar .ie .tok.mini{--r:28px!important;flex:none}
html.sc #initbar .ie span{background:none!important;box-shadow:none!important;padding:0!important;max-width:110px!important;font:600 12.5px/1 var(--sc-f-text)!important;letter-spacing:.04em;text-transform:uppercase;color:var(--sc-ivory-2)!important}
html.sc #initbar .ie.act{background:radial-gradient(90% 120% at 50% 100%,rgba(214,176,116,.30),transparent 70%),linear-gradient(180deg,#0d0b0f,#1d1a21);
  box-shadow:inset 0 0 0 1px #040304,inset 0 -2px 0 #7a5e36,inset 0 2px 3px rgba(0,0,0,.7)}
html.sc #initbar .ie.act + .ie{box-shadow:none}
html.sc #initbar .ie.act .tok.mini{--r:32px!important}
html.sc #initbar .ie.act span{color:#f4e6c8!important;font-size:13px!important}
html.sc #initbar .ie.act::after{content:"";position:absolute;left:50%;bottom:0;width:22px;height:3px;margin-left:-11px;background:var(--sc-red-l)}
html.sc #initbar .ie.act .face{box-shadow:none}
html.sc #initbar .ie.dead{opacity:.38}
}
body.maponly #scSocle,body.maponly #scReveal,body.player #scSocle,body.player #scReveal{display:none!important}
@media (max-width:640px){
  html.sc #rail > .sc-cap,html.sc #rail > .sc-base,html.sc #dock > .sc-cap,html.sc #dock > .sc-base{display:none}
  html.sc #rail > .sc-shaft,html.sc #dock > .sc-shaft,html.sc #scSocle{display:contents}
  html.sc .sc-gesims,html.sc .sc-tag,html.sc .sc-arch,html.sc .sc-mark,html.sc #topbar .sc-brandmark,html.sc #topbar .sc-fill{display:none}
}