@font-face{font-family:PixelBitmap;font-weight:400;font-style:normal;font-display:block;src:url(./pixel-bitmap-CEBQ5XH7.ttf) format("truetype")}:root{--c-walnut: #24170F;--c-mahogany: #4A2B1A;--c-leather: #70452A;--c-paper: #F1E3BF;--c-brass: #B88A3B;--c-brass-light: #E0BC68;--c-ink: #21150F;--c-cream: #FFF4D6;--c-bordeaux: #7B302B;--c-focus: #2F7FA8;--c-night: #101820;--c-ivory: #FFF3C4;--c-gold: #F6C445;--c-brick: #C74B3D;--c-green: #2F6B5E;--c-slate: #56616B;--c-copper: #8A4F2A;--px-bar: #1E140D;--font-pixel: "PixelBitmap", monospace;--fs-min: 16px;--fs-primary: 16px;--lh: 1.5;--touch-min: 44px;--gap: 4px;--rim: 3px;--t-fast: 0ms;--tex-wood: url(./wood-mahogany-CR7u5f9p.svg);--tex-walnut: url(./wood-walnut-DWECYo4K.svg);--tex-leather: url(./leather-saddle-BXHjzVFz.svg);--tex-paper: url(./paper-cream-D6_ducCP.svg);--tex-brass: url(./brass-matte-Cq9iDYxB.svg)}#ui{position:absolute;z-index:1;pointer-events:none;font-family:var(--font-pixel);color:var(--c-cream);line-height:var(--lh);font-synthesis:none;font-weight:400;font-style:normal;-webkit-font-smoothing:none;font-smooth:never;text-rendering:optimizeSpeed}#ui [hidden]{display:none!important}#ui button{font:inherit;color:inherit;background:none;border:0;margin:0;padding:0;cursor:pointer;pointer-events:auto;touch-action:manipulation;-webkit-appearance:none;appearance:none;min-width:var(--touch-min);min-height:var(--touch-min);position:relative}#ui button:disabled{cursor:default}#ui *{box-sizing:border-box}.hud{position:absolute;left:0;width:calc(var(--u) * 320px);pointer-events:auto;display:grid;background:var(--px-bar);overflow:visible}.hud-portrait{align-content:start;overflow-y:auto}.hud>canvas.px{position:absolute;left:0;top:0;z-index:0}canvas.px{position:absolute;image-rendering:pixelated;pointer-events:none;display:block}.status{position:relative;display:block;margin:0;min-height:0;overflow:hidden}.menu-case,.overlay,.notice{z-index:3}.status>canvas.px{inset:0}.hud-portrait .status{min-height:40px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;font-size:var(--fs-min);line-height:var(--lh);margin:-1px}.verbs,.invrow{display:contents}.face.pxface{inset:0}.face.pxface{position:absolute;display:block;transition:none}#ui button:focus-visible .face.pxface{outline:2px solid var(--c-cream);outline-offset:-1px;box-shadow:none}.item .face.pxface{position:absolute}.menu-title{position:relative;height:24px;margin:0 0 4px}.menu-title>canvas.px{inset:0}.face{display:flex;align-items:center;justify-content:center;position:absolute;inset:3px 2px;text-align:center;border-radius:2px;transition:none}#ui button:focus-visible{outline:none;z-index:4}#ui button:focus-visible .face{outline:2px solid var(--c-gold);outline-offset:0;box-shadow:inset 0 0 0 2px var(--c-night)}.clasp .face{background:var(--tex-leather),var(--c-leather);color:var(--c-cream);font-family:var(--font-pixel);font-weight:400;font-size:var(--fs-min);box-shadow:inset 0 0 0 1px var(--c-walnut),inset 0 0 0 3px #b88a3b,0 0 0 1px var(--c-walnut);gap:8px}.clasp:hover:not(:disabled) .face{box-shadow:inset 0 0 0 1px var(--c-walnut),inset 0 0 0 3px var(--c-brass-light),0 0 0 1px var(--c-walnut)}.clasp:active .face{transform:translate(1px,1px);box-shadow:inset 0 0 0 1px var(--c-walnut),inset 0 0 0 3px var(--c-brass),inset 2px 2px #120c07}.glyph-buckle{width:14px;height:10px;border:2px solid var(--c-brass-light);border-radius:2px;position:relative;flex:none}.glyph-buckle:after{content:"";position:absolute;left:50%;top:-2px;bottom:-2px;width:2px;margin-left:-1px;background:var(--c-brass-light)}.glyph-close{width:14px;height:14px;position:relative;flex:none}.glyph-close:before,.glyph-close:after{content:"";position:absolute;left:6px;top:-1px;width:2px;height:16px;background:currentColor;transform:rotate(45deg)}.glyph-close:after{transform:rotate(-45deg)}.menu-case{position:absolute;overflow-y:auto;pointer-events:auto;background:var(--px-bar);box-shadow:inset 0 0 0 3px #120c07,inset 0 0 0 4px #33231a;padding:4px 10px}.menu-items{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:0 12px}.menu-title{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.portrait .menu-case{padding:8px 10px 10px}.portrait .menu-title{position:relative;width:auto;height:24px;overflow:visible;clip-path:none}.portrait .menu-items{grid-template-columns:1fr 1fr;gap:6px 12px}.menu-items .item{text-align:left}.overlay{position:absolute;pointer-events:auto;display:flex;flex-direction:column;padding:8px;background:var(--tex-leather),var(--c-leather);box-shadow:0 0 0 var(--rim) var(--c-walnut),4px 4px #120c07;border-radius:3px;overflow:hidden}.sheet{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px;padding:8px 12px;background:var(--tex-paper),var(--c-paper);color:var(--c-ink);border:2px solid var(--c-ink);border-radius:0;box-shadow:inset 0 0 0 4px #e6d3a0;overflow-y:auto}.sheet-head{display:flex;align-items:center;gap:8px;justify-content:space-between;flex:none}.plaque{margin:0;padding:4px 14px;background:var(--tex-brass),var(--c-brass);color:var(--c-ink);font-family:var(--font-pixel);font-weight:400;font-size:var(--fs-primary);line-height:var(--lh);box-shadow:inset 0 0 0 1px var(--c-ink);border-radius:0}.sheet-text{margin:0;font-size:var(--fs-min);line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.sheet-feedback{margin:0;font-size:var(--fs-min);font-style:normal;font-weight:400}.sheet-list{display:flex;flex-direction:column;gap:0;flex:none}.line,.tab,.nav{color:var(--c-ink);text-align:left}.line .face{position:static;inset:auto;min-height:var(--touch-min);justify-content:flex-start;gap:10px;padding:4px 8px;text-align:left;font-family:var(--font-pixel);font-size:var(--fs-primary);border-bottom:1px solid var(--c-ink);border-radius:0;background:transparent}.line:hover:not(:disabled) .face{background:#8a6b3a;box-shadow:inset 4px 0 0 var(--c-brass)}.line:active:not(:disabled) .face{transform:translate(1px,1px);background:#c9b687}.line.kb .face,.line.picked .face{background:#d2b06a;box-shadow:inset 4px 0 0 var(--c-ink),inset 0 0 0 2px var(--c-ink);font-weight:400}.line:disabled .face{color:var(--c-ink);text-decoration:none;border-bottom-style:dashed}.line:disabled .face:after{content:" (gesperrt)";font-family:var(--font-pixel);font-size:var(--fs-min);font-weight:400;font-style:normal;display:inline-block;margin-left:6px}.fresh-dot{flex:none;width:12px;height:12px;border-radius:0;background:var(--c-bordeaux);box-shadow:0 0 0 1px var(--c-ink)}.glyph-art{flex:none;width:32px;height:32px;image-rendering:pixelated;shape-rendering:crispEdges}.row-actions{display:flex;gap:8px;flex:none;flex-wrap:wrap}.nav .face,.tab .face,.closebtn .face{position:static;inset:auto;min-height:var(--touch-min);padding:0 14px;gap:8px;background:var(--tex-brass),var(--c-brass);color:var(--c-ink);font-family:var(--font-pixel);font-weight:400;font-size:var(--fs-primary);box-shadow:inset 0 0 0 1px var(--c-ink),inset 1px 1px #e0bc688c}.nav:hover:not(:disabled) .face,.tab:hover:not(:disabled) .face,.closebtn:hover:not(:disabled) .face{box-shadow:inset 0 0 0 1px var(--c-brass-light),inset 2px 2px #fff4d6}.nav:active .face,.tab:active .face,.closebtn:active .face{transform:translate(1px,1px);box-shadow:inset 0 0 0 1px var(--c-ink),inset 2px 2px 0 var(--c-ink)}.tab[aria-pressed=true] .face{box-shadow:inset 0 0 0 2px var(--c-ink),inset 2px 2px 0 var(--c-ink);background-color:#8a6528;text-decoration:underline;text-underline-offset:4px}.tab .face{border-radius:0}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;flex:none}.tile .face{position:static;inset:auto;min-height:var(--touch-min);flex-direction:column;padding:2px 6px;background:var(--c-paper);color:var(--c-ink);font-family:var(--font-pixel);font-size:var(--fs-min);line-height:1.2;border:2px solid var(--c-ink);border-radius:2px}.tile .face strong{font-family:var(--font-pixel);font-size:var(--fs-primary)}.tile.revealed .face{background:#d9b66e;box-shadow:inset 0 -4px 0 var(--c-ink)}.tile.next .face{border-style:solid;box-shadow:inset 0 0 0 2px var(--c-brass)}.tile.locked .face{border-style:dashed}.tile .state{font-family:var(--font-pixel);font-weight:400;font-size:var(--fs-min)}.tile:hover:not(:disabled) .face{box-shadow:inset 0 0 0 2px var(--c-brass)}.tile:active:not(:disabled) .face{transform:translate(1px,1px)}.fold{position:relative}.fold:after{content:"";position:sticky;align-self:flex-end;margin-top:auto;flex:none;width:22px;height:22px;background:var(--c-leather);border-left:2px solid var(--c-ink);border-top:2px solid var(--c-ink);pointer-events:none}.book{display:grid;grid-template-columns:1fr 1fr;gap:0;flex:1 0 auto}.book .page{display:flex;flex-direction:column;gap:6px;min-height:0;overflow:visible;padding:4px 12px}.book .page:first-child{border-right:3px double var(--c-ink);box-shadow:inset -4px 0 #cdb987}.book .page:last-child{box-shadow:inset 4px 0 #cdb987}.tabs{display:flex;gap:6px;flex:none}.portrait-sheet .book{grid-template-columns:1fr}.portrait-sheet .book .page:first-child{border-right:0;border-bottom:3px double var(--c-ink)}.notice{position:absolute;overflow-y:auto;pointer-events:auto;z-index:6;background:var(--tex-leather),var(--c-leather);padding:8px;box-shadow:0 0 0 var(--rim) var(--c-walnut),4px 4px #120c07;border-radius:3px}.notice .sheet{gap:8px;border-color:var(--c-bordeaux)}.notice .seal{width:14px;height:14px;border-radius:0;background:var(--c-bordeaux);box-shadow:0 0 0 2px var(--c-ink);flex:none}.overlay.dark,.notice{background:var(--c-night);border-radius:0;box-shadow:0 0 0 2px var(--c-slate)}.overlay.dark .sheet,.notice .sheet{background:var(--c-night);color:var(--c-ivory);border:2px solid var(--c-slate);border-radius:0;box-shadow:none}.overlay.dark .line,.overlay.dark .nav,.overlay.dark .tab{color:var(--c-ivory)}.overlay.dark .line .face{border-bottom:1px solid var(--c-slate)}.overlay.dark .line:hover:not(:disabled) .face{background:#26353f;box-shadow:inset 4px 0 0 var(--c-gold)}.overlay.dark .line.kb .face,.overlay.dark .line.picked .face{background:#26353f;box-shadow:inset 4px 0 0 var(--c-gold),inset 0 0 0 2px var(--c-gold)}.overlay.dark .line:disabled .face{color:var(--c-ivory);border-bottom-style:dashed}.overlay.dark .fresh-dot,.notice .seal{background:var(--c-brick);box-shadow:0 0 0 1px var(--c-ivory)}.overlay.dark .tile .face{background:var(--c-night);color:var(--c-ivory);border:2px solid var(--c-slate);border-radius:0}.overlay.dark .tile.revealed .face{background:var(--c-green);box-shadow:none}.overlay.dark .tile.next .face{border-color:var(--c-gold);box-shadow:none}.overlay.dark .tile:hover:not(:disabled) .face{border-color:var(--c-gold);box-shadow:none}.overlay.dark .plaque,.notice .plaque,.overlay.dark .nav .face,.overlay.dark .closebtn .face,.notice .closebtn .face{background:var(--c-gold);color:var(--c-night);border-radius:0;box-shadow:none}.overlay.dark .tab .face{background:var(--c-slate);color:var(--c-ivory);border-radius:0;box-shadow:none}.overlay.dark .tab[aria-pressed=true] .face{background:var(--c-gold);color:var(--c-night)}.overlay.dark .sheet-feedback{color:var(--c-ivory);border-left:4px solid var(--c-green);padding-left:8px}.chapter-end{position:absolute;z-index:4;left:calc(34px * var(--u));width:calc(252px * var(--u));top:calc(10px * var(--u));box-sizing:border-box;pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 12px;text-align:center;background:var(--c-night);color:var(--c-ivory);border:2px solid var(--c-gold);box-shadow:0 0 0 2px var(--c-night),0 0 0 4px var(--c-slate)}.chapter-end[hidden]{display:none}.chapter-end h2{margin:0;font-size:var(--fs-primary);font-weight:400;line-height:var(--lh);color:var(--c-gold)}.chapter-end p{margin:0;font-size:var(--fs-min);line-height:1.35;overflow-wrap:anywhere}.chapter-end .chapter-btn{min-width:var(--touch-min);min-height:var(--touch-min);padding:0 14px;background:var(--c-gold);color:var(--c-night);border:2px solid var(--c-ivory);cursor:pointer}.chapter-end .chapter-btn .face{position:static;display:block;line-height:40px;font-size:var(--fs-primary)}@keyframes unfold{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){#ui *,#ui *:before,#ui *:after{animation:none!important;transition:none!important}}@media(prefers-contrast:more){.verb .face,.slot .face,.line .face,.tile .face{box-shadow:inset 0 0 0 2px var(--c-ink)}.slot .face{box-shadow:inset 0 0 0 2px var(--c-cream)}#ui button:focus-visible .face{outline-width:3px}}@media(forced-colors:active){#ui button:focus-visible .face{outline:3px solid Highlight}}.overlay,.overlay *,.overlay *:before,.overlay *:after,.notice,.notice *,.notice *:before,.notice *:after{border-radius:0}.audio-section{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;margin:8px 0 4px;padding:6px 0 0;border-top:2px solid #33231A;pointer-events:auto}.audio-title{grid-column:1 / -1;margin:0;font-size:var(--fs-primary);font-weight:400;line-height:var(--lh);color:#f7f1df}#ui .audio-toggle{display:flex;align-items:center;min-height:44px;padding:0 10px;font-size:var(--fs-min);color:#f7f1df;background:#5e6872;border:2px solid #120C07;box-shadow:inset 0 0 0 1px #d5dce3}#ui .audio-toggle[aria-pressed=true]{background:#2f9e78}.audio-check,.audio-range{display:flex;min-height:44px;font-size:var(--fs-min);line-height:1.2;color:#f7f1df;pointer-events:auto}.audio-check{align-items:center;gap:8px}.audio-range{flex-direction:column;justify-content:center;gap:2px}.audio-section input[type=checkbox]{width:24px;height:24px;margin:0;accent-color:#FFD166}.audio-section input[type=range]{width:100%;min-height:24px;margin:0;accent-color:#FFD166}#ui .audio-section :is(input,button):focus-visible{outline:3px solid #FFD166;outline-offset:2px}.portrait .audio-section{grid-template-columns:1fr}#ui .audio-toggle .face{position:static;inset:auto;justify-content:flex-start;width:100%;min-height:40px;background:none;box-shadow:none;outline:none}.finale{--c5-basalt: #10151A;--c5-kalk: #F4E7C5;--c5-amber: #E6A83D;--c5-turkis: #A9D7E8;--c5-schiefer: #174E59;position:absolute;z-index:5;left:calc(4px * var(--u));width:calc(312px * var(--u));top:calc(3px * var(--u));max-height:calc(194px * var(--u));box-sizing:border-box;overflow:hidden;pointer-events:auto;display:flex;flex-direction:column;gap:6px;padding:8px 10px;text-align:left;background:#10151af2;color:var(--c5-kalk);border:2px solid var(--c5-amber);box-shadow:0 0 0 2px var(--c5-basalt),0 0 0 4px var(--c5-schiefer)}.finale[hidden]{display:none}.finale h2{margin:0;font-size:var(--fs-primary);font-weight:400;line-height:var(--lh);color:var(--c5-amber);text-align:center}.finale p{margin:0 0 4px;font-size:var(--fs-min);line-height:1.35;max-width:40em;overflow-wrap:anywhere}.finale p.ashdown{color:var(--c5-turkis)}.finale .finale-body{overflow-y:auto;min-height:0;flex:1 1 auto;display:flex;flex-direction:column;gap:2px;scrollbar-width:thin}.finale .finale-body:focus-visible{outline:3px solid var(--c5-turkis);outline-offset:2px}.finale .finale-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;flex:0 0 auto}.finale .chapter-btn{min-width:var(--touch-min);min-height:var(--touch-min);padding:0 14px;background:var(--c5-amber);color:var(--c5-basalt);border:2px solid var(--c5-kalk);cursor:pointer}.finale .chapter-btn:focus-visible{outline:3px solid var(--c5-turkis);outline-offset:2px}.finale .chapter-btn .face{position:static;display:block;line-height:40px;font-size:var(--fs-primary)}.finale .finale-view{flex:1 1 auto;min-height:calc(60px * var(--u));overflow:hidden;position:relative}.finale .finale-lines{text-align:center;will-change:transform}.finale.still .finale-view{overflow-y:auto}.finale.still .finale-lines{transform:none}@media(prefers-reduced-motion:reduce){.finale .finale-lines{transform:none}.finale.credits .finale-view{overflow-y:auto}}
