:root{
  color-scheme:dark;
  --bg:#15171b; --box:#1d2025; --text:#e8e6e1; --grey:#a0a6b0; --border:#2e3239;
  --orange:#fb923c; --code:#23262c;
}
.wu{max-width:760px;margin:0 auto;padding:48px 16px 96px}
.wu h1, .wu h2{font-family:system-ui,sans-serif;line-height:1.25;letter-spacing:-.01em}
.wu h1{font-size:2.1rem;margin:0 0 .4rem}
.wu h2{font-size:1.45rem;margin:3.2rem 0 .3rem;padding-top:1.4rem;border-top:2px solid var(--grey)}
.wu .intro{color:var(--grey);font-size:1.08rem;margin:0 0 1.5rem}
.wu code, .wu pre{font-family:Menlo,Consolas,monospace;font-size:.86em}
.wu code{background:var(--code);padding:.1em .35em;border-radius:4px;overflow-wrap:anywhere}
.wu pre{background:var(--code);padding:14px 16px;border-radius:8px;overflow-x:auto;line-height:1.5;border:1px solid var(--border)}
.wu pre code{background:none;padding:0}
.wu figure{margin:1.4rem 0;background:var(--box);border:1px solid var(--border);border-radius:10px;padding:14px}
.wu figure img, .wu figure svg{display:block;width:100%;height:auto;border-radius:4px}
.wu img.pixel{image-rendering:pixelated}
.wu figcaption{font-size:.88rem;color:var(--grey);margin-top:10px;font-family:system-ui,sans-serif;line-height:1.5}
.wu table{border-collapse:collapse;width:100%;font-size:.92rem;font-family:system-ui,sans-serif;margin:1rem 0}
.wu th, .wu td{text-align:left;padding:6px 10px;border-bottom:1px solid var(--border)}
.wu th{color:var(--grey);font-weight:600}
.wu td:nth-child(n+2){font-variant-numeric:tabular-nums}
.wu td code{white-space:nowrap}
.wu .scroll{overflow-x:auto}
.wu a{color:var(--orange)}
.wu li{margin:.2rem 0}
.wu .gate-content{display:none}
.wu #losning:target ~ .gate-content{display:block}
.wu .gate-content:has(:target){display:block}
.wu #losning:target ~ .gate-card{display:none}
.wu:has(.gate-content :target) .gate-card{display:none}
.wu .gate-card{background:var(--box);border:1px solid var(--border);border-radius:12px;padding:20px 22px;margin:1.6rem 0}
.wu .gate-card p{margin:0 0 1rem}
.wu .gate-btns{display:flex;flex-wrap:wrap;gap:10px}
.wu .btn{display:inline-block;font:600 .95rem system-ui,sans-serif;padding:10px 16px;border-radius:8px;text-decoration:none;border:1px solid var(--border);cursor:pointer}
.wu .btn-own{background:var(--bg);color:var(--text)}
.wu .btn-show{background:var(--orange);color:var(--box);border-color:var(--orange)}
.wu .btn-show:hover{filter:brightness(1.08)}
.wu .hexnote{font-family:Menlo,Consolas,monospace;font-size:.78rem;color:var(--grey);letter-spacing:.02em;line-height:1.7;overflow-wrap:anywhere;margin:2.4rem 0 0}
.wu svg .g-off{fill:var(--border)}
.wu svg .g-a, .wu svg .g-b, .wu svg .g-x{fill:var(--text)}
.wu svg .g-lbl{fill:var(--grey);font:700 13px system-ui,sans-serif}
.wu svg .g-ch{fill:var(--grey);font:600 12px system-ui,sans-serif}
.wu svg .g-chr{fill:var(--text);font:700 13px Menlo,Consolas,monospace}
.wu svg.orig-svg{background:#fff;border-radius:4px}
.wu hr{border:0;border-top:2px solid var(--grey);margin:3rem 0 1.5rem}
.wu .flagline{font-size:1.15em;margin-top:1.4rem}
.wu{margin:0;padding:0 0 64px}
.wu h1,.wu h2{font-family:Bahnschrift,'Avenir Next Condensed','Roboto Condensed','DejaVu Sans Condensed','Liberation Sans Narrow','Arial Narrow',system-ui,sans-serif;letter-spacing:.01em}
.wu figure{border-radius:0;padding:0}
.wu figure img,.wu figure svg{border-radius:0}
.wu figcaption{padding:10px 12px}
.wu figcaption,.wu table,.wu .btn{font-family:Bahnschrift,'Avenir Next Condensed','Roboto Condensed','DejaVu Sans Condensed','Liberation Sans Narrow','Arial Narrow',system-ui,sans-serif}
.wu .lsb{color:LightSkyBlue;font-weight:700}
#musik{position:fixed;right:16px;bottom:16px;width:44px;height:44px;border-radius:50%;
  background:var(--box,#1d2025);color:var(--grey,#a0a6b0);border:1px solid var(--border,#2e3239);
  font:22px/1 system-ui,sans-serif;cursor:pointer;z-index:10;padding:0;
  box-shadow:0 2px 8px rgba(0,0,0,.4);transition:color .3s,border-color .3s}
#musik:hover{color:var(--text,#e8e6e1)}
#musik[aria-pressed="true"]{color:var(--orange,#fb923c);border-color:var(--orange,#fb923c)}
#musik:disabled{cursor:progress;opacity:.7}
#musik-skylt{position:fixed;right:70px;bottom:22px;max-width:min(70vw,360px);z-index:10;
  background:var(--box,#1d2025);color:var(--text,#e8e6e1);border:1px solid var(--border,#2e3239);
  border-radius:8px;padding:8px 12px;font:.88rem/1.4 system-ui,sans-serif;
  box-shadow:0 2px 8px rgba(0,0,0,.4);opacity:0;transition:opacity .7s;pointer-events:none}
#musik-skylt.visa{opacity:1}