:root{
  --bg:#23262d; --paper:#e9e7e1; --surface:#ffffff; --surface-2:#f1efea; --line:#d5d3cc; --line-soft:#e0ded8;
  --ink:#2f3136; --ink-soft:#55585f; --ink-mute:#80838a;
  --link:#1f5fa8; --link-hover:#154480; --accent:#1f5fa8;
  --amber:#c25a00; --cyan:#1f5fa8; --coral:#d04a3a; --green:#2a8a4a; --violet:#4a5bd6; --hl:#fff0c2;
  --chip:#2f3136; --chip-ink:#ffffff;
  --c64blue:#40318d; --c64grey:#686868;
  --fd:'Lato',system-ui,sans-serif; --fb:'Lato',system-ui,sans-serif; --fm:'IBM Plex Mono',ui-monospace,Menlo,monospace;
  --col:1080px; --gx:68px; --fs:17px; --lh:1.6; --hw:900; --h1:46px; --h2:26px; --sy:48px; --pp:26px; --r:10px;
  --plate-shadow:0 1px 2px rgba(0,0,0,.05),0 4px 14px rgba(0,0,0,.05);
}
*{box-sizing:border-box}
html{background:var(--bg);min-height:100%}
body{background:var(--paper);color:var(--ink);font-family:var(--fb);font-size:var(--fs);line-height:var(--lh);max-width:var(--col);margin:0 auto;min-height:100vh;padding:0 0 4rem}
h1,h2,h3{font-weight:var(--hw);letter-spacing:-.01em;text-wrap:balance;color:var(--ink);margin:0}
.wrap{padding:0 var(--gx)}
.hero{padding:48px var(--gx) 8px;text-align:left}
.eyebrow{font-family:var(--fm);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);margin:0 0 10px}
.hero h1{font-size:var(--h1);line-height:1.15;letter-spacing:-.02em;margin:0 0 14px}
.hero .sub{margin:0 0 .6em;color:var(--ink-soft)}
section{padding:var(--sy) 0 24px}
section:last-of-type{border-bottom:none}
.fig{font-family:var(--fm);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);margin:0 0 10px}
h2.t{font-size:var(--h2);margin-bottom:12px}
.lede{color:var(--ink-soft);margin:0 0 30px}
.plate{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:var(--pp);box-shadow:var(--plate-shadow)}
.cap{font-size:14px;color:var(--ink-mute);margin-top:14px;line-height:1.55}
.cap b{color:var(--ink);font-weight:700}
code{font-family:var(--fm);font-size:.82em;background:var(--chip);color:var(--chip-ink);border-radius:4px;padding:2px 6px;white-space:nowrap}


/* 01-screen.html */
.wl-scr-bar{display:inline-flex;border:1px solid var(--line);border-radius:7px;overflow:hidden;margin:0 0 14px}
.wl-scr-b{font:inherit;font-size:13.5px;background:var(--surface);color:var(--ink-soft);border:0;border-right:1px solid var(--line);padding:5px 12px;cursor:pointer}
.wl-scr-b:last-child{border-right:0}
.wl-scr-b[aria-pressed=true]{background:var(--accent);color:#fff}
.wl-scr-b:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.wl-scr-cv{display:block;width:100%;max-width:768px;height:auto;aspect-ratio:384/272;margin:0 auto;background:#000;border-radius:4px;image-rendering:pixelated;image-rendering:crisp-edges}
.wl-scr-note{font-size:14.5px;line-height:1.5;color:var(--ink-soft);margin:12px 0 0;min-height:1.5em}

/* 02-window.html */
#wl-win{outline:none}
#wl-win-cv{display:block;width:100%;max-width:864px;aspect-ratio:288/128;margin:0 auto;background:#000;border-radius:4px;image-rendering:pixelated;image-rendering:crisp-edges;cursor:pointer;outline:none}
#wl-win-cv:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
#wl-win-cv.wl-no{animation:wl-no .25s}
@keyframes wl-no{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
.wl-win-bar{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;margin:14px 0 0;font-family:var(--fm);font-size:12.5px;color:var(--ink-mute)}
.wl-win-pad{display:inline-grid;grid-template-columns:repeat(3,34px);grid-template-rows:repeat(2,30px);gap:4px}
.wl-win-pad button,.wl-win-bar .wl-win-btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:6px;font-family:var(--fm);font-size:13px;cursor:pointer;padding:0 8px}
.wl-win-pad button:hover,.wl-win-bar .wl-win-btn:hover{border-color:var(--ink-mute)}
.wl-win-bar .wl-win-btn{height:28px}
#wl-win-msg{min-height:3.4em;margin:12px 0 0;font-size:15px;line-height:1.5}
#wl-win-msg q{quotes:"\201C" "\201D"}
.wl-win-val{color:var(--ink)}
/* what maps.js writes into the messages (the same rules as levels.html's) */
.wl-mute{color:var(--ink-mute)}
.wl-note{color:var(--coral);margin:0}
.wl-alt{border-bottom:1px dotted var(--ink-mute);color:var(--ink-soft)}
.wl-alt i{font-style:normal;color:var(--ink-mute);padding:0 1px}
.wl-ph{font-family:var(--fm);font-size:.8em;background:var(--line-soft);border-radius:3px;padding:0 4px;color:var(--ink-soft)}
.wl-inv{background:var(--ink);color:#fff;padding:0 2px}

/* 03-pictures.html */
.wl-pic-cv{display:block;margin:0 auto;max-width:100%;height:auto;image-rendering:pixelated;background:#000}
.wl-pic-arrow{padding:0;font-family:inherit}
.wl-pic-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 0;font-family:var(--fm);font-size:12.5px;color:var(--ink-soft)}
.wl-pic-bar label{display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.wl-pic-b{font:500 13px var(--fm);background:var(--surface-2);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:5px 10px;cursor:pointer}
.wl-pic-b:hover{border-color:var(--ink-mute)}
.wl-pic-b:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.wl-pic-b:disabled{opacity:.6;cursor:progress}
.wl-pic-clock{margin-left:auto;color:var(--ink-mute);font-variant-numeric:tabular-nums}
.wl-pic-tab{width:100%;border-collapse:collapse;margin:12px 0 0;font-family:var(--fm);font-size:12.5px}
.wl-pic-tab th{text-align:left;font-weight:500;color:var(--ink-mute);border-bottom:1px solid var(--line);padding:4px 10px 4px 0}
.wl-pic-tab td{border-bottom:1px solid var(--line-soft);padding:4px 10px 4px 0;font-variant-numeric:tabular-nums}
.wl-pic-tab label{display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.wl-pic-sw{display:inline-block;width:10px;height:10px;border-radius:2px}
.wl-pic-off td{color:var(--ink-mute)}
.wl-pic-off .wl-pic-sw{opacity:.3}
.wl-pic-at{color:var(--ink-mute)}
.wl-pic-note{font-family:var(--fm);font-size:12.5px;color:var(--coral);margin:8px 0 0}
.wl-pic-note:empty{display:none}

/* 04-sound.html */
.wl-snd-geiger{display:flex;gap:16px;align-items:flex-start;margin:16px 0 0;padding:14px 0 0;border-top:1px solid var(--line-soft)}
.wl-snd-gauge{display:flex;flex-direction:column;gap:2px;flex:none;width:14px;padding:3px;background:var(--surface-2);border:1px solid var(--line);border-radius:4px}
.wl-snd-gauge i{display:block;height:6px;border-radius:1px;background:var(--line)}
.wl-snd-gauge i.wl-snd-lit{background:var(--coral)}
.wl-snd-gctl{flex:1;min-width:0}
.wl-snd-dl{display:block;font-family:var(--fm);font-size:12.5px;color:var(--ink-soft);margin:0 0 6px}
.wl-snd-range{width:100%;margin:0;accent-color:var(--accent)}
.wl-snd-dv,.wl-snd-rate{font-family:var(--fm);font-size:12.5px;color:var(--ink-soft);margin:6px 0 0;font-variant-numeric:tabular-nums}
.wl-snd-rate{color:var(--ink)}
.wl-snd-bytes{margin:16px 0 0;padding:14px 0 0;border-top:1px solid var(--line-soft);font-size:14.5px;line-height:1.55}
.wl-snd-bytes p{margin:0 0 8px}
.wl-snd-warn{color:var(--amber);font-weight:700}
.wl-snd-loss,.wl-snd-order,.wl-snd-sub{color:var(--ink-mute);font-size:13.5px}
.wl-snd-tw{overflow-x:auto;margin:0 0 10px}
.wl-snd-t{width:100%;border-collapse:collapse;font-family:var(--fm);font-size:12.5px;font-variant-numeric:tabular-nums}
.wl-snd-t th{text-align:left;font-weight:500;color:var(--ink-mute);border-bottom:1px solid var(--line);padding:4px 10px 4px 0;white-space:nowrap}
.wl-snd-t td{border-bottom:1px solid var(--line-soft);padding:4px 10px 4px 0;vertical-align:top}
.wl-snd-t td:nth-child(-n+3){white-space:nowrap}
.wl-snd-t tr.wl-snd-hi td{background:var(--hl)}
.wl-snd-msg{font-family:var(--fm);font-size:13px;color:var(--coral);margin:0}
.wl-snd-rates{border-collapse:collapse;font-family:var(--fm);font-size:13px;margin:4px 0 18px;font-variant-numeric:tabular-nums}
.wl-snd-rates th{text-align:left;font-weight:500;color:var(--ink-mute);border-bottom:1px solid var(--line);padding:4px 18px 4px 0}
.wl-snd-rates td{border-bottom:1px solid var(--line-soft);padding:4px 18px 4px 0}
@media (max-width:640px){.wl-snd-geiger{gap:10px}.wl-snd-rates{font-size:12px}.wl-snd-rates th,.wl-snd-rates td{padding-right:10px}}

/* 05-radiation.html */
.wl-rad-tw{overflow-x:auto;margin:0 0 4px}
.wl-rad-t{width:100%;border-collapse:collapse;font-size:14px;line-height:1.45}
.wl-rad-t th{text-align:left;font-family:var(--fm);font-size:11.5px;font-weight:500;letter-spacing:.04em;color:var(--ink-mute);border-bottom:1px solid var(--line);padding:6px 12px 6px 0;white-space:nowrap}
.wl-rad-t td{border-bottom:1px solid var(--line-soft);padding:7px 12px 7px 0;vertical-align:top}
.wl-rad-t td.wl-rad-n{font-family:var(--fm);font-size:13px;white-space:nowrap;font-variant-numeric:tabular-nums}
.wl-rad-t tr.wl-rad-odd td{background:#fbeeea}
.wl-rad-t q{quotes:"\201C" "\201D";color:var(--ink-soft)}
.wl-rad-none{color:var(--ink-mute)}
.wl-rad-yes{color:var(--green);font-weight:700}
.wl-rad-no{color:var(--coral);font-weight:700}
.wl-rad-yes,.wl-rad-no{white-space:nowrap}
.wl-rad-try{display:grid;grid-template-columns:minmax(0,384px) minmax(0,1fr);gap:16px 24px;align-items:start;margin:20px 0 0;padding:18px 0 0;border-top:1px solid var(--line-soft)}
@media (max-width:760px){.wl-rad-try{grid-template-columns:minmax(0,1fr)}}
.wl-rad-shot{display:block;width:100%;height:auto;image-rendering:pixelated;border-radius:4px;background:#000}
.wl-rad-bar{display:inline-flex;border:1px solid var(--line);border-radius:7px;overflow:hidden;margin:0 0 12px}
.wl-rad-b{font:inherit;font-size:13.5px;background:var(--surface);color:var(--ink-soft);border:0;border-right:1px solid var(--line);padding:5px 12px;cursor:pointer}
.wl-rad-b:last-child{border-right:0}
.wl-rad-b[aria-pressed=true]{background:var(--accent);color:#fff}
.wl-rad-b:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.wl-rad-out{font-size:14.5px;line-height:1.55;margin:0}
.wl-rad-out b{font-family:var(--fm);font-weight:500}

/* 06-melee.html */
.wl-xp-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 22px}
@media (max-width:700px){.wl-xp-grid{grid-template-columns:minmax(0,1fr)}}
.wl-xp-h{font-family:var(--fm);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-mute);margin:0 0 6px}
.wl-xp-code{list-style:none;margin:0;padding:0;font-family:var(--fm);font-size:12.5px;line-height:1.5;border:1px solid var(--line-soft);border-radius:8px;overflow:hidden}
.wl-xp-code li{display:grid;grid-template-columns:4.6em 7.4em minmax(0,1fr);gap:0 8px;padding:5px 10px;border-bottom:1px solid var(--line-soft);color:var(--ink-soft)}
.wl-xp-code li:last-child{border-bottom:0}
.wl-xp-code li.wl-xp-at{background:var(--hl);color:var(--ink)}
.wl-xp-code li.wl-xp-done{color:var(--ink)}
.wl-xp-code .wl-xp-b{color:var(--ink-mute)}
.wl-xp-code .wl-xp-i{overflow-wrap:anywhere}
.wl-xp-n{font-size:14px;color:var(--ink-soft);margin:8px 0 0}
.wl-xp-n b{font-family:var(--fm);font-size:22px;font-weight:500;color:var(--ink);margin-left:6px}
.wl-xp-n b.wl-xp-up{color:var(--green)}
.wl-xp-bar{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin:16px 0 0;padding:14px 0 0;border-top:1px solid var(--line-soft)}
.wl-xp-btn{font:inherit;font-size:14px;font-weight:700;background:var(--accent);color:#fff;border:1px solid var(--accent);border-radius:7px;padding:6px 16px;cursor:pointer}
.wl-xp-btn.wl-xp-ghost{background:var(--surface);color:var(--accent)}
.wl-xp-btn:disabled{opacity:.45;cursor:default}
.wl-xp-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.wl-xp-say{flex:1;min-width:220px;font-size:14.5px;line-height:1.5;margin:0}
.wl-xp-fig{display:grid;grid-template-columns:minmax(0,384px) minmax(0,1fr);gap:12px 22px;align-items:center;margin:22px 0 0}
@media (max-width:700px){.wl-xp-fig{grid-template-columns:minmax(0,1fr)}}
.wl-xp-fig img{display:block;width:100%;height:auto;image-rendering:pixelated;border-radius:4px;background:#000}
.wl-xp-fig p{margin:0;font-size:14px;color:var(--ink-mute);line-height:1.55}

/* 07-dice.html */
.wl-dice-grid{display:grid;grid-template-columns:minmax(230px,320px) minmax(0,1fr);gap:18px 28px;align-items:start}
@media (max-width:760px){.wl-dice-grid{grid-template-columns:minmax(0,1fr)}}
.wl-dice-ctl{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px 10px;align-items:center;font-size:14px}
.wl-dice-ctl label,.wl-dice-lab{color:var(--ink-soft);white-space:nowrap}
.wl-dice-ctl input[type=range]{width:100%;min-width:0;accent-color:var(--accent)}
.wl-dice-ctl output{font-family:var(--fm);font-size:12.5px;color:var(--ink);text-align:right;white-space:nowrap}
.wl-dice-ctl select,.wl-rr-throw select{font:inherit;font-size:14px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:4px 6px;min-width:0}
.wl-dice-wide{grid-column:span 2}
.wl-dice-ctl [hidden]{display:none}
.wl-dice-seg{display:inline-flex;border:1px solid var(--line);border-radius:7px;overflow:hidden;margin:0 0 16px}
.wl-dice-ctl .wl-dice-seg{margin:0;justify-self:start}
.wl-dice-segb{font:inherit;font-size:13.5px;background:var(--surface);color:var(--ink-soft);border:0;border-right:1px solid var(--line);padding:5px 12px;cursor:pointer}
.wl-dice-segb:last-child{border-right:0}
.wl-dice-segb[aria-pressed=true]{background:var(--accent);color:#fff}
.wl-dice-segb:disabled{opacity:.4;cursor:default}
.wl-dice-segb:focus-visible,.wl-dice-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.wl-dice-big{font-family:var(--fm);font-size:34px;font-weight:500;line-height:1.1;color:var(--ink);margin:0 0 8px}
.wl-dice-unit{font-family:var(--fb);font-size:14px;font-weight:400;color:var(--ink-mute)}
.wl-dice-line{font-size:14.5px;line-height:1.5;color:var(--ink-soft);margin:0 0 8px}
.wl-dice-line b{color:var(--ink)}
.wl-dice-game{margin:-6px 0 10px;color:var(--ink)}
.wl-dice-cv{display:block;width:100%;height:150px;margin:6px 0 10px}
.wl-dice-rollrow{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap;border-top:1px solid var(--line-soft);margin-top:14px;padding-top:14px}
.wl-dice-btn{font:inherit;font-size:14px;font-weight:700;background:var(--accent);color:#fff;border:1px solid var(--accent);border-radius:7px;padding:7px 18px;cursor:pointer}
.wl-dice-btn.wl-dice-ghost{background:var(--surface);color:var(--accent)}
.wl-dice-rollout{flex:1;min-width:240px;font-size:14.5px;line-height:1.5}
.wl-dice-rollout p{margin:4px 0 0}
.wl-dice-tally{font-size:13px;color:var(--ink-mute);margin:6px 0 0}
.wl-dice-dice{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.wl-dice-pair{display:inline-flex;gap:3px;padding:2px;border-radius:7px}
.wl-dice-pdbl{background:var(--hl)}
.wl-dice-plus{font-size:13px;color:var(--ink-mute);margin:0 3px}
.wl-dice-die{width:30px;height:30px;vertical-align:middle}
.wl-dice-die rect{fill:var(--surface);stroke:var(--ink-soft);stroke-width:1.3}
.wl-dice-die circle{fill:var(--ink)}
.wl-dice-die.wl-dice-dbl rect{stroke:var(--amber);stroke-width:2}
.wl-dice-die.wl-dice-sm{width:19px;height:19px;margin:0 1px}
.wl-dice-chip{display:inline-block;min-width:22px;text-align:center;font-family:var(--fm);font-size:12.5px;border:1px solid var(--ink-soft);border-radius:5px;padding:0 4px;margin:0 1px;background:var(--surface)}
.wl-dice-good{color:var(--green)}
.wl-dice-bad{color:var(--coral)}
.wl-dice-hits{list-style:none;padding:0;margin:6px 0 0;font-size:14px}
.wl-dice-hits li{margin:3px 0}
.wl-dice-note{font-size:13.5px;color:var(--coral);margin:8px 0 0}
.wl-dice-note:empty{display:none}
.wl-npc-rec{margin:12px 0 0;max-width:420px}
.wl-npc-rec th,.wl-npc-rec td{text-align:center;padding-left:6px;padding-right:6px}
.wl-npc-rec td{font-family:var(--fm);font-size:13px;font-variant-numeric:tabular-nums}
.wl-npc-rec td.wl-npc-on{background:var(--hl);color:var(--ink);font-weight:500}
.wl-xp-code li.wl-npc-hot{background:var(--hl);color:var(--ink)}
#wl-npc-kind{flex-wrap:wrap;max-width:100%}
#wl-cast-t td:last-child{min-width:15em}
@media (max-width:400px){#wl-npc-kind .wl-dice-segb{padding:5px 7px}}
.wl-dice-legend{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:var(--ink-soft);margin:0 0 8px}
.wl-dice-key{display:inline-block;width:11px;height:11px;border-radius:2px;margin-right:6px;vertical-align:-1px}
.wl-rr-throw{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px;font-size:14px}
.wl-rr-stage{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:flex-start}
.wl-rr-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;width:100%;max-width:430px}
.wl-rr-slot{border:1px solid var(--line);border-radius:8px;padding:8px 2px 6px;text-align:center;background:var(--surface)}
.wl-rr-slot .wl-dice-die{width:40px;height:40px}
.wl-rr-die{display:block;line-height:0}
.wl-rr-lab{display:block;font-family:var(--fm);font-size:11px;line-height:1.35;color:var(--ink-mute);margin-top:5px}
.wl-rr-counted{background:var(--surface-2)}
.wl-rr-brace{grid-column:3 / span 3;border-top:2px solid var(--ink-mute);font-size:12px;color:var(--ink-mute);text-align:center;padding-top:2px}
.wl-rr-x{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}
.wl-rr-y{border-color:var(--amber);box-shadow:inset 0 0 0 2px var(--amber)}
.wl-rr-sum{background:var(--hl)}
.wl-rr-moved .wl-rr-die{animation:wl-rr-pop .5s ease-out}
@keyframes wl-rr-pop{from{transform:scale(1.25)}to{transform:none}}
.wl-rr-hand{font-size:13px;color:var(--ink-soft);text-align:center;min-width:92px}
.wl-rr-hand .wl-rr-handbox{display:block;border:2px solid var(--accent);border-radius:8px;padding:8px 6px;margin-top:4px;line-height:0}
.wl-rr-hand .wl-dice-die{width:40px;height:40px}
.wl-rr-none{font-size:18px;line-height:40px;color:var(--ink-mute)}
.wl-rr-say{min-height:3.1em;font-size:14.5px;line-height:1.5;margin:12px 0 10px}
.wl-rr-ctl{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap}
.wl-rr-ctl .wl-rr-pick{flex:1;min-width:240px;margin:0}
.wl-rr-res{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px 20px;margin:16px 0 6px;font-size:14px}
.wl-rr-res div{border-left:3px solid var(--line);padding-left:10px}
.wl-rr-res .wl-rr-g{border-color:var(--accent)}
.wl-rr-res .wl-rr-b{border-color:var(--green)}
.wl-rr-res b{font-family:var(--fm);font-weight:500;font-size:15px;color:var(--ink)}
#wl-rr-cv{height:170px}
#wl-dice-checks,#wl-dice-attacks,#wl-rr{margin:22px 0}

/* 08-doubles.html */
.wl-dbl-wrap{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:18px 28px;align-items:start}
@media (max-width:760px){.wl-dbl-wrap{grid-template-columns:minmax(0,1fr)}}
.wl-dbl-t{border-collapse:separate;border-spacing:3px;font-family:var(--fm);font-size:12px;font-variant-numeric:tabular-nums;margin:0 auto}
.wl-dbl-t th{font-weight:500;color:var(--ink-mute);padding:2px 4px;text-align:center}
.wl-dbl-t th.wl-dbl-corner{font-size:10px;line-height:1.25;text-align:right}
.wl-dbl-t td{width:46px;height:38px;text-align:center;border-radius:5px;color:var(--ink);cursor:default;outline:none}
.wl-dbl-t td.wl-dbl-d{box-shadow:inset 0 0 0 2px var(--ink)}
.wl-dbl-t td:focus-visible,.wl-dbl-t td:hover{box-shadow:inset 0 0 0 2px var(--accent)}
.wl-dbl-seg{display:inline-flex;flex-wrap:wrap;border:1px solid var(--line);border-radius:7px;overflow:hidden;margin:0 0 14px}
.wl-dbl-b{font:inherit;font-size:13.5px;background:var(--surface);color:var(--ink-soft);border:0;border-right:1px solid var(--line);padding:5px 12px;cursor:pointer}
.wl-dbl-b:last-child{border-right:0}
.wl-dbl-b[aria-pressed=true]{background:var(--accent);color:#fff}
.wl-dbl-b:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.wl-dbl-big{font-family:var(--fm);font-size:30px;font-weight:500;line-height:1.1;color:var(--ink);margin:0 0 4px}
.wl-dbl-unit{font-family:var(--fb);font-size:14px;font-weight:400;color:var(--ink-mute)}
.wl-dbl-line{font-size:14.5px;line-height:1.5;color:var(--ink-soft);margin:0 0 8px}
.wl-dbl-line b{color:var(--ink);font-weight:700}
.wl-dbl-key{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:12.5px;color:var(--ink-mute);margin:10px 0 0}
.wl-dbl-ramp{display:inline-block;width:120px;height:10px;border-radius:3px;background:linear-gradient(90deg,#3a6fc4,#f1efea 50%,#d04a3a)}

/* 10-unlucky.html */
.wl-un-grid{display:grid;grid-template-columns:minmax(0,384px) minmax(0,1fr);gap:16px 24px;align-items:start}
@media (max-width:760px){.wl-un-grid{grid-template-columns:minmax(0,1fr)}}
.wl-un-grid figure{margin:0}
.wl-un-shot{display:block;width:100%;height:auto;image-rendering:pixelated;border-radius:4px;background:#000}
.wl-un-grid figcaption{font-size:13.5px;color:var(--ink-soft);margin:8px 0 0;line-height:1.5}
.wl-un-tw{overflow-x:auto;margin:18px 0 0}
.wl-un-t{width:100%;border-collapse:collapse;font-size:14px;line-height:1.45}
.wl-un-t th{text-align:left;font-family:var(--fm);font-size:11.5px;font-weight:500;letter-spacing:.04em;color:var(--ink-mute);border-bottom:1px solid var(--line);padding:6px 12px 6px 0;white-space:nowrap}
.wl-un-t td{border-bottom:1px solid var(--line-soft);padding:7px 12px 7px 0;vertical-align:top}
.wl-un-t td:first-child,.wl-un-t td:nth-child(2){font-family:var(--fm);font-size:13px;white-space:nowrap}
.wl-un-t tr.wl-un-hit td{background:#fbeeea}

/* 12-credits.html */
.wl-cr-grid{display:grid;grid-template-columns:minmax(0,384px) minmax(0,1fr);gap:16px 24px;align-items:start}
@media (max-width:760px){.wl-cr-grid{grid-template-columns:minmax(0,1fr)}}
.wl-cr-shot{display:block;width:100%;height:auto;image-rendering:pixelated;border-radius:4px;background:#000}
.wl-cr-seg{display:inline-flex;border:1px solid var(--line);border-radius:7px;overflow:hidden;margin:0 0 14px}
.wl-cr-tab{font:inherit;font-size:13.5px;background:var(--surface);color:var(--ink-soft);border:0;border-right:1px solid var(--line);padding:5px 12px;cursor:pointer}
.wl-cr-tab:last-child{border-right:0}
.wl-cr-tab[aria-pressed=true]{background:var(--accent);color:#fff}
.wl-cr-key{font:inherit;font-family:var(--fm);font-size:13.5px;font-weight:500;background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:6px;padding:6px 14px;cursor:pointer}
.wl-cr-key.wl-cr-ghost{background:var(--surface);color:var(--ink)}
.wl-cr-key:disabled{opacity:.45;cursor:default}
.wl-cr-tab:focus-visible,.wl-cr-key:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.wl-cr-keys{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.wl-cr-say{font-size:14.5px;line-height:1.55;margin:0 0 10px;min-height:3em}
.wl-cr-count{font-family:var(--fm);font-size:12px;color:var(--ink-mute);margin:0}
.wl-cr-text{font-family:var(--fm);font-size:12.5px;line-height:1.55;white-space:pre-wrap;background:var(--surface-2);border-radius:8px;padding:12px 14px;margin:16px 0 0;color:var(--ink);overflow-x:auto}
.wl-cr-tw{overflow-x:auto;margin:18px 0 0}
.wl-cr-t{width:100%;border-collapse:collapse;font-size:14px;line-height:1.45}
.wl-cr-t th{text-align:left;font-family:var(--fm);font-size:11.5px;font-weight:500;letter-spacing:.04em;color:var(--ink-mute);border-bottom:1px solid var(--line);padding:6px 12px 6px 0;white-space:nowrap}
.wl-cr-t td{border-bottom:1px solid var(--line-soft);padding:7px 12px 7px 0;vertical-align:top}
.wl-cr-t td:first-child{white-space:nowrap}
.wl-cr-t q{quotes:"\201C" "\201D";color:var(--ink-soft)}

/* 13-disks.html */
/* the disks: the disk map (#wl-dm), the save (#wl-sv) and the side check (#wl-sc), drawn by WLDisks */
h2.t.wl-sub{margin-top:44px}
.wl-btn{font-family:var(--fm);font-size:12.5px;line-height:1.3;background:var(--surface);color:var(--ink-soft);border:1px solid var(--line);border-radius:6px;padding:5px 10px;cursor:pointer}
.wl-btn:hover{color:var(--ink);background:var(--surface-2)}
.wl-btn[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.wl-btn:disabled{opacity:.4;cursor:default;background:var(--surface);color:var(--ink-soft)}
.wl-btn:focus-visible,.wl-dm-sc:focus-visible,.wl-sv-b:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.wl-seg{display:inline-flex;flex-wrap:wrap;gap:0}
.wl-seg .wl-btn{border-radius:0;margin-left:-1px}
.wl-seg .wl-btn:first-child{border-radius:6px 0 0 6px;margin-left:0}
.wl-seg .wl-btn:last-child{border-radius:0 6px 6px 0}
.wl-err{color:var(--coral);font-size:14px;margin:0}
.wl-li{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}

/* the disk map: a row per track, a box per sector */
.wl-dm{font-size:14px;color:var(--ink)}
.wl-dm-bar{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin:0 0 14px}
.wl-dm-head{position:relative;height:16px;margin:0 0 3px 30px;font-family:var(--fm);font-size:10px;line-height:16px;color:var(--ink-mute)}
.wl-dm-head span{position:absolute;top:0;text-align:center}
.wl-dm-head .wl-dm-ph{left:0;right:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wl-dm-grid{position:relative}
.wl-dm-labels{position:absolute;left:0;top:0;width:24px}
.wl-dm-tl{position:absolute;right:0;font-family:var(--fm);font-size:9.5px;line-height:13px;color:var(--ink-mute)}
.wl-dm-area{position:absolute;left:30px;right:0;top:0;bottom:0}
.wl-dm-c{position:absolute;border:1px solid var(--surface);border-radius:3px;background:var(--wl-t);transition:left .45s ease,width .45s ease;
  font-family:var(--fm);font-size:9px;line-height:11px;text-align:center;color:#fff;overflow:hidden;cursor:default}
.wl-dm-c.wl-on{background:var(--wl-s)}
.wl-dm-c.wl-ghost{box-shadow:inset 0 0 0 1px var(--surface);outline:1.5px dashed var(--ink);outline-offset:-2.5px}
.wl-k-map{--wl-t:#d3e8da;--wl-s:var(--green)}
.wl-k-prog{--wl-t:#d9ddf7;--wl-s:var(--violet)}
.wl-k-items{--wl-t:#f6dcc2;--wl-s:var(--amber)}
.wl-k-dir{--wl-t:#efe3b0;--wl-s:#9a7400}
.wl-k-save{--wl-t:#f6d3cd;--wl-s:var(--coral)}
.wl-k-filler{--wl-t:#efede7;--wl-s:#9b9a95}
.wl-k-other{--wl-t:#dcdad3;--wl-s:var(--ink-soft)}
.wl-k-skip{--wl-t:#f4f2ee;--wl-s:#f4f2ee}
.wl-dm-c.wl-k-skip,.wl-sw.wl-k-skip{background:repeating-linear-gradient(135deg,#dcd9d1 0 1.5px,#f4f2ee 1.5px 5px)}
.wl-dm-info{font-family:var(--fm);font-size:12px;line-height:1.5;color:var(--ink-soft);min-height:3em;margin:12px 0 8px}
.wl-dm-card{background:var(--surface-2);border-radius:8px;padding:12px 14px;font-size:14px;line-height:1.55}
.wl-dm-card p{margin:0 0 .45em}
.wl-dm-card p:last-child{margin-bottom:0}
.wl-dm-card .wl-dm-title{font-weight:700;color:var(--ink)}
.wl-dm-c930{margin-top:18px}
.wl-dm-sh{font-family:var(--fm);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-mute);margin:0 0 6px}
.wl-dm-sbox{display:flex;gap:6px;align-items:flex-start}
.wl-dm-slab{flex:none;display:flex;flex-direction:column;gap:1px;padding-top:3px;font-family:var(--fm);font-size:9.5px;line-height:15px;color:var(--ink-mute)}
.wl-dm-srow{flex:1;min-width:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(20px,1fr));gap:2px}
.wl-dm-sc{display:flex;flex-direction:column;align-items:center;gap:1px;padding:3px 0;border:1px solid var(--line);border-radius:4px;background:var(--surface);font-family:var(--fm);cursor:default}
.wl-dm-sc .wl-v{font-size:12px;line-height:15px;color:var(--ink)}
.wl-dm-sc .wl-t{font-size:9.5px;line-height:15px;color:var(--ink-mute)}
.wl-dm-sc.wl-bad{background:var(--coral);border-color:var(--coral);cursor:pointer}
.wl-dm-sc.wl-bad .wl-v,.wl-dm-sc.wl-bad .wl-t{color:#fff}
.wl-dm-sc.wl-mute{opacity:.4}
.wl-dm-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:14px;font-size:12.5px;color:var(--ink-soft)}
.wl-sw{display:inline-block;width:18px;height:12px;border-radius:2px;background:linear-gradient(90deg,var(--wl-t) 50%,var(--wl-s) 50%)}
.wl-sw.wl-on-sw{background:var(--ink-soft);font:normal 9px/12px var(--fm);color:#fff;text-align:center}
.wl-sw.wl-on-sw::after{content:'1'}
.wl-sw.wl-ghost-sw{background:#efede7;outline:1.5px dashed var(--ink);outline-offset:-2px}

/* the save: one page in memory and on the disk */
.wl-sv{font-size:14px;color:var(--ink)}
.wl-sv-ctl{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 16px}
.wl-sv-what{font-family:var(--fm);font-size:12.5px;padding:5px 8px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);max-width:100%}
.wl-sv-val{font-family:var(--fm);font-size:13px;padding:5px 8px;border:1px solid var(--line);border-radius:6px;width:8.5em;background:var(--surface);color:var(--ink)}
.wl-sv-val.wl-badval{border-color:var(--coral);background:#fbe9e6}
.wl-sv-dumps{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}
.wl-sv-dump{min-width:0}
.wl-sv-h{font-family:var(--fm);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-mute);margin:0 0 6px}
.wl-sv-hex{font-family:var(--fm);font-size:11.5px}
.wl-sv-row{display:grid;grid-template-columns:22px repeat(16,minmax(0,1fr));gap:1px}
.wl-sv-off{color:var(--ink-mute);font-size:10px;line-height:19px}
.wl-sv-b{font:inherit;display:block;height:19px;line-height:19px;padding:0;border:0;border-radius:3px;background:none;color:var(--ink);text-align:center;cursor:pointer;font-style:normal}
.wl-sv-b:hover{background:var(--surface-2)}
.wl-sv-b.wl-clear{background:var(--hl)}
.wl-sv-b.wl-cash{background:#d3e8da;color:#1d6a37;font-weight:500}
.wl-sv-b.wl-zp{background:#e1e4fa;color:#3443b0}
.wl-sv-b.wl-chg{box-shadow:inset 0 0 0 1.5px var(--coral)}
.wl-sv-b.wl-sel{background:var(--ink);color:#fff}
.wl-sv-read{font-family:var(--fm);font-size:12px;color:var(--ink-soft);margin:8px 0 0;overflow-wrap:anywhere}
.wl-sv-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin:14px 0 0;font-size:12.5px;color:var(--ink-soft)}
.wl-sv-legend .wl-sv-b{display:inline-block;width:24px;height:17px;line-height:17px;font-family:var(--fm);font-size:11px;cursor:default}
.wl-sv-status{margin-top:16px}
.wl-sv-note{color:var(--ink-soft);margin:0 0 8px;line-height:1.5}
.wl-sv-check,.wl-sc-res{margin:0 0 8px;padding:9px 12px;border-radius:6px;line-height:1.5}
.wl-ok{background:#e3f1e7;color:#1d6a37}
.wl-no{background:#fbe9e6;color:#9c3125}
.wl-sv-party{font-family:var(--fm);font-size:12px;color:var(--ink);margin:0;overflow-wrap:anywhere}

/* the side check */
.wl-sc{font-size:14px;color:var(--ink)}
.wl-sc-row{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;margin:0 0 10px}
.wl-sc-l{font-family:var(--fm);font-size:12px;color:var(--ink-mute)}
.wl-sc-out{margin-top:14px}
.wl-sc-bytes{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 6px}
.wl-sc-bytes .wl-sc-l{width:9.5em}
.wl-sc-bytes code.wl-sc-miss{background:var(--coral)}
.wl-sc-res{margin:12px 0 0}

@media (max-width:820px){.wl-sv-dumps{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.wl-dm-slab{display:none}.wl-dm-head{font-size:9px}.wl-sc-bytes .wl-sc-l{width:100%}}
@media (prefers-reduced-motion:reduce){.wl-dm-c{transition:none}}

/* 14-side3.html */
.wl-s3-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 22px}
@media (max-width:700px){.wl-s3-grid{grid-template-columns:minmax(0,1fr)}}
.wl-s3-grid figure{margin:0}
.wl-s3-grid img{display:block;width:100%;height:auto;image-rendering:pixelated;border-radius:4px;background:#000}
.wl-s3-grid figcaption{font-size:13.5px;color:var(--ink-soft);margin:8px 0 0;line-height:1.5}
.wl-s3-t{border-collapse:collapse;font-size:14px;line-height:1.45;margin:18px 0 0;width:100%}
.wl-s3-t th{text-align:left;font-family:var(--fm);font-size:11.5px;font-weight:500;letter-spacing:.04em;color:var(--ink-mute);border-bottom:1px solid var(--line);padding:6px 14px 6px 0}
.wl-s3-t td{border-bottom:1px solid var(--line-soft);padding:7px 14px 7px 0;vertical-align:top}
.wl-s3-t td:first-child{color:var(--ink-soft)}
.wl-s3-tw{overflow-x:auto}
/* the Overview's links into the other tabs */
.overview-links{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 8px}
.overview-links a{font-family:var(--fm);font-size:13px;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:7px 12px;color:var(--link);text-decoration:none}
.overview-links a:hover{border-color:var(--link)}
/* the plain tables of The party tab, and the Maps tab's fan lore table (levels.html keeps its own copy) */
.wl-tw{overflow-x:auto;margin:0 0 4px}
.wl-tw.wl-tall{max-height:460px;overflow-y:auto}
.wl-t{width:100%;border-collapse:collapse;font-size:14px;line-height:1.45}
.wl-t th{text-align:left;font-family:var(--fm);font-size:11.5px;font-weight:500;letter-spacing:.04em;color:var(--ink-mute);border-bottom:1px solid var(--line);padding:6px 12px 6px 0;white-space:nowrap;position:sticky;top:0;background:var(--surface)}
.wl-t td{border-bottom:1px solid var(--line-soft);padding:7px 12px 7px 0;vertical-align:top}
.wl-t td.wl-n{font-family:var(--fm);font-size:13px;white-space:nowrap;font-variant-numeric:tabular-nums}
.wl-t tr.wl-hit td{background:#fbeeea}
.wl-t q{quotes:"\201C" "\201D";color:var(--ink-soft)}