:root{--ivory:#f3ebdd;--gold:#f2c46b;--amber:#e9a93b;--chitin:#140f0c;--soil:#5c4331;--violet:#b58cff;--teal:#5fd3c4;--serif:"Fraunces", Georgia, serif;--sans:"Hanken Grotesk", system-ui, sans-serif;--sub:21px}*{box-sizing:border-box}html,body{height:100%;color:var(--ivory);font-family:var(--sans);background:#0b0806;margin:0;overflow:hidden}#stage{background:#0b0806;position:fixed;inset:0;overflow:hidden}#view{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}#lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}#labels,#panels{pointer-events:none;position:absolute;inset:0}#fade{opacity:0;pointer-events:none;background:#000;position:absolute;inset:0}.lab{white-space:nowrap;text-shadow:0 0 6px #000000f2,0 1px 2px #000000e6,0 0 16px #0009;will-change:transform, opacity;font-size:16px;font-weight:500;line-height:1.25;position:absolute;top:0;left:0}.lab .t{color:var(--ivory);letter-spacing:.01em}.lab .s{color:#f3ebddcc;margin-top:2px;font-size:14px;font-weight:400}.lab i,.lab .lat{font-family:var(--serif);font-style:italic;font-weight:400}.lab.gold .t{color:var(--gold)}.lab.violet .t{color:#cdb3ff}.lab.teal .t{color:#8de6db}.lab.red .t{color:#ff9a86}.lab.big .t{font-family:var(--serif);font-size:30px;font-weight:400}.lab.huge .t{font-family:var(--serif);letter-spacing:-.01em;font-size:46px;font-weight:350}.lab.center{text-align:center}.lab.right{text-align:right}#lines line,#lines polyline,#lines path{stroke:#f3ebddd9;stroke-width:1.1px;fill:none}#lines circle{fill:var(--ivory)}#lines .gold{stroke:var(--gold)}#lines circle.gold{fill:var(--gold)}#card{opacity:0;pointer-events:none;text-shadow:0 0 20px #000000b3,0 1px 3px #000c;position:absolute;bottom:clamp(120px,20vh,190px);left:clamp(20px,4.5vw,72px)}#card .num{font-family:var(--sans);letter-spacing:.32em;color:var(--gold);font-size:13px;font-weight:600}#card .num:after{content:"";background:var(--gold);opacity:.8;width:56px;height:1px;margin:10px 0 12px;display:block}#card .ttl{font-family:var(--serif);font-size:clamp(30px,4.2vw,54px);font-style:italic;font-weight:350;line-height:1.05}#scalebar{opacity:0;pointer-events:none;text-align:right;text-shadow:0 0 6px #000000e6;position:absolute;top:clamp(16px,3vh,34px);right:clamp(16px,3vw,40px)}#scalebar .bar{border:1.5px solid var(--ivory);border-top:none;height:5px;margin-left:auto;box-shadow:0 0 6px #0009}#scalebar .txt{letter-spacing:.04em;margin-top:4px;font-size:14px;font-weight:600}#subshade{pointer-events:none;opacity:1;background:linear-gradient(#0000,#00000040 55%,#0000009e);height:30vh;transition:opacity .6s;position:absolute;bottom:0;left:0;right:0}body.nocc #subshade{opacity:0}#subs{text-align:center;pointer-events:none;width:min(92vw,980px);font-size:var(--sub);color:#fff;text-shadow:0 1px 2px #000000f2,0 0 10px #000000bf,0 0 22px #00000080;font-weight:500;line-height:1.42;position:absolute;bottom:clamp(56px,10vh,92px);left:50%;transform:translate(-50%)}#subs .sub-line{white-space:nowrap}#subs .w{opacity:0;display:inline-block}body.sub-s{--sub:17px}body.sub-m{--sub:21px}body.sub-l{--sub:26px}body.bar-on #subs{bottom:clamp(96px,14vh,124px)}#start{background:linear-gradient(90deg,#080604db 0%,#0806048c 42%,#08060400 75%),linear-gradient(#08060400 50%,#080604b3);align-items:flex-end;padding:clamp(24px,6vw,88px);transition:opacity 1s;display:flex;position:absolute;inset:0}#start.gone{opacity:0;pointer-events:none}.start-inner{max-width:560px}.kicker{letter-spacing:.3em;color:var(--gold);text-transform:none;font-size:13px;font-weight:600}#start h1{font-family:var(--serif);letter-spacing:-.01em;margin:14px 0 18px;font-size:clamp(44px,7vw,92px);font-style:italic;font-weight:330;line-height:.98}.lede{color:#f3ebdde6;margin:0 0 10px;font-size:clamp(16px,1.5vw,19px);line-height:1.5}.latin{font-family:var(--serif);color:#f3ebddb3;margin:0 0 26px;font-size:17px}#go{background:var(--gold);color:#1c140c;font:600 18px var(--sans);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:14px;padding:15px 28px 15px 22px;transition:transform .2s,opacity .3s;display:inline-flex;box-shadow:0 10px 40px #f2c46b40}#go:hover:not(:disabled){transform:translateY(-1px)scale(1.02)}#go:disabled{opacity:.55;cursor:default}#go .tri{border-top:9px solid #0000;border-bottom:9px solid #0000;border-left:14px solid #1c140c;width:0;height:0}.meta{color:#f3ebdda6;margin-top:16px;font-size:14px}#prep{background:#f3ebdd26;width:220px;height:2px;margin-top:14px}#prep div{background:var(--gold);width:0;height:100%;transition:width .3s}#bar{padding:0 clamp(10px, 2vw, 24px) max(10px, env(safe-area-inset-bottom));transition:opacity .5s,transform .5s;position:absolute;bottom:0;left:0;right:0}#bar.hidden{opacity:0;pointer-events:none;transform:translateY(8px)}#progress{cursor:pointer;height:18px;position:relative}#progress:before{content:"";background:#f3ebdd38;height:2px;position:absolute;top:8px;left:0;right:0}#progress .fill{background:var(--gold);width:0;height:2px;position:absolute;top:8px;left:0}#progress .ticks span{background:#f3ebdd8c;width:2px;height:8px;position:absolute;top:5px}#progress .hover{white-space:nowrap;opacity:0;pointer-events:none;background:#0c0906d9;border-radius:4px;padding:4px 9px;font-size:13px;position:absolute;bottom:20px;transform:translate(-50%)}#progress:hover .hover{opacity:1}#bar .row{align-items:center;gap:4px;height:44px;display:flex}#bar button{color:var(--ivory);font:600 14px var(--sans);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;min-width:38px;height:38px;padding:0 8px;display:inline-flex}#bar button:hover{background:#f3ebdd1f}#bar button svg{fill:currentColor;width:20px;height:20px}#bar button.off{opacity:.45;text-decoration:line-through}#time{font-variant-numeric:tabular-nums;color:#f3ebddd9;margin:0 8px;font-size:14px}#chapName{font-family:var(--serif);color:#f3ebddcc;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-style:italic;overflow:hidden}#bar .sp{flex:1}#setMenu{background:#0e0a07f0;border:1px solid #f3ebdd26;border-radius:8px;flex-direction:column;gap:2px;padding:10px;display:flex;position:absolute;bottom:60px;right:16px}#setMenu.hidden{display:none}#setMenu .h{color:#f3ebdd99;letter-spacing:.05em;padding:2px 8px 6px;font-size:12px}#setMenu button{justify-content:flex-start!important}#setMenu button.on{color:var(--gold)}.panel{opacity:0;will-change:opacity, transform;position:absolute}.split-lbl{font:600 15px var(--sans);letter-spacing:.08em;background:#0a07058c;border-radius:4px;padding:6px 12px;position:absolute;top:clamp(16px,4vh,40px)}.divider{background:var(--ivory);width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 12px #0009}@media (width<=700px){:root{--sub:17px}body.sub-s{--sub:15px}body.sub-m{--sub:17px}body.sub-l{--sub:20px}.lab{font-size:13px}.lab .s{font-size:12px}.lab.big .t{font-size:22px}.lab.huge .t{font-size:30px}#chapName,#bSpeed{display:none}#card{bottom:128px}#start{background:linear-gradient(#0806041a 0%,#08060499 45%,#080604eb 100%);align-items:flex-end;padding-bottom:40px}#subs .sub-line{white-space:normal}}body:not(.started):not(.video) #card,body:not(.started):not(.video) #subs,body:not(.started):not(.video) #labels,body:not(.started):not(.video) #lines,body:not(.started):not(.video) #panels,body:not(.started):not(.video) #scalebar,body:not(.started):not(.video) #subshade{visibility:hidden}.split-lbl .sh{display:none}@media (width<=700px){.split-lbl .lg{display:none}.split-lbl .sh{display:inline}.split-lbl{font-size:13px}.panel.toptxt{font-size:20px!important;top:150px!important}}