#player.enter{animation:.35s ease-out backwards step-in}@keyframes step-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes step-fade{0%{opacity:0}}@media (width<=699px){#player.enter{animation-name:step-fade}}.bandrow{border-bottom:1px dotted var(--dim);margin:-4px 0 14px;padding-bottom:6px;position:relative}pre.band{color:var(--dim);opacity:.85;margin:0;font-size:12px;line-height:1.1;overflow:hidden}.bandrow>button.quiet{background:var(--paper);padding:0 4px;position:absolute;top:-2px;right:0}button.quiet{min-height:0;color:var(--dim);text-underline-offset:3px;background:0 0;border:0;padding:4px 2px;font-size:12px;text-decoration:underline}button.quiet[aria-pressed=true]{color:var(--ink);background:0 0}#player h2{margin:6px 0 10px;font-size:1.45rem;line-height:1.25}#player .stepbody{cursor:default;max-width:34em;margin:0 0 22px;font-size:1.06rem;line-height:1.65}#player .stepbody p{margin:0 0 .75em}#player .stepbody p:last-child{margin-bottom:0}#player .stopline{margin:0 0 12px}#player .stepbody .coming{cursor:pointer;gap:7px;margin:1em 0 0;display:flex}#player .stepbody .coming[hidden]{display:none}#player .stepbody .coming span{border:1px solid var(--dim);border-radius:50%;width:7px;height:7px}#player .stepbody .coming span.on{background:var(--dim)}@media (prefers-reduced-motion:no-preference){#player .stepbody .coming span.next{animation:2.6s ease-in-out infinite coming}@keyframes coming{50%{background:var(--dim);transform:scale(1.35)}}#player button.primary.ready{animation:1.6s ease-out backwards ready-in}@keyframes ready-in{0%{background:var(--paper);color:var(--ink)}}}#player label.choice{font-size:calc(15px * var(--text-scale));padding:11px 6px}#player .scale-ends{font:13px var(--ui);color:var(--dim);grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:6px 0 0;display:grid}#player .scale-ends span{white-space:nowrap;justify-self:center}#player .scale-ends span:last-child{grid-column:5}#player .scale-ends+.scale-word{margin-top:2px}#player label.field textarea{min-height:7em}details.why.corner{text-align:right;margin:22px 0 0}details.why.corner ul{text-align:left}details.why.corner summary{color:var(--dim);font-size:11px;display:inline}.known{flex-wrap:wrap;gap:8px;margin:6px 0 14px;display:flex}.kcard{text-align:left;grid-template-rows:auto auto;grid-template-columns:auto auto;place-items:center start;gap:0 8px;padding:6px 12px 6px 6px;display:grid}.kcard .critter{grid-row:1/3}.kcard .kname{font-weight:700}.kcard .kjob{color:var(--dim);font-size:11px}.kcard[aria-pressed=true]{background:var(--hilite);color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}.kcard[aria-pressed=true] .kjob{color:var(--ink)}.chips.jobs .chip.job{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;max-width:15em;padding:8px 12px}.chip.job .jname{font-weight:700}.chip.job .jline{opacity:.8;white-space:normal;font-size:11px;line-height:1.3}@media (prefers-reduced-motion:reduce){#player.enter{animation:none}}.bandrow>.bandbtns{background:var(--paper);gap:8px;padding:0 4px;display:flex;position:absolute;top:-2px;right:0}.bandrow>.bandbtns button.quiet{padding:0;position:static}#player .pace{flex-wrap:wrap;align-items:center;gap:4px 6px;margin:12px 0 0;display:flex}#player .pacesays{flex-basis:100%}#player button.resting{position:relative}@media (prefers-reduced-motion:no-preference){#player button.resting:after{content:"";opacity:.45;transform-origin:0;height:1px;animation:rest-fill var(--rest,8s) linear var(--since,0s) both;pointer-events:none;background:currentColor;position:absolute;bottom:5px;left:10px;right:10px}@keyframes rest-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}#player .stepbody p.arrive,#player .arrive.late{animation:1.4s ease-out both line-in}#player .stepbody p.flow .w{animation:.5s ease-out both word-in}@keyframes word-in{0%{opacity:0;filter:blur(2px)}to{opacity:1;filter:none}}#player .arrive.late{animation-delay:.5s}@keyframes line-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}}html.stillmode[data-look=still] body{background:#05070a}html.stillmode[data-look=platinum] body{background:#e4e6ec}html.stillmode[data-look=still] :is(#win,.soundpick){--ink:#ececf4;--paper:#11131a;--dim:#b4b4c8;--hilite:#2c2f48;--platinum:#1b1d27;--rule:#ececf433;--edge:#ececf48c;--face:transparent;--drop:0 0 0 transparent}html.stillmode[data-look=platinum] :is(#win,.soundpick){--rule:#00000029;--drop:0 0 0 transparent}html.stillmode .soundpick{border-color:color-mix(in srgb, var(--ink) 18%, transparent);border-radius:10px;box-shadow:0 10px 28px #00000073}html.stillmode #win{color:var(--ink);-webkit-backdrop-filter:blur(8px);border:0;border-radius:16px;margin-top:12vh}html.stillmode[data-look=still] #win{box-shadow:none;background:#0c0e14e0}html.stillmode[data-look=platinum] #win{background:#fffffff0;box-shadow:0 12px 40px #0000002e}html.stillmode #win>.titlebar,html.stillmode #win>.info,html.stillmode #about,html.stillmode #outline{display:none}html.stillmode #win>.wbody{padding:clamp(20px,5vw,44px)}html.stillmode #player h2{letter-spacing:-.015em;text-wrap:balance;margin:clamp(8px,5vh,48px) 0 .8em;font-size:clamp(1.6rem,5.4vw,2.15rem);font-weight:500;line-height:1.18}html.stillmode #player .stepbody{max-width:30em;color:color-mix(in srgb, var(--ink) 88%, transparent);text-wrap:pretty;hanging-punctuation:first;font-size:clamp(1.14rem,4.4vw,1.32rem);line-height:1.68}html.stillmode #player .stepbody p{margin-bottom:.95em}@media (width>=700px) and (height>=640px){html.stillmode #win{flex-direction:column;min-height:min(820px,100dvh - 90px);margin-top:max(16px,2vh);display:flex}html.stillmode #win>.wbody,html.stillmode #player{flex-direction:column;flex:1;display:flex}html.stillmode #player>.row.split{margin-top:auto;padding-top:18px}}.playhead{gap:12px;margin:-8px 0 24px;display:grid}.playbar{grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.playright{justify-self:end;align-items:center;gap:2px;display:flex}.playwhat{text-align:center;min-width:0}.playwhat p{font-family:var(--ui);margin:0}.playtitle{letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb, var(--ink) 70%, transparent);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.playwhere{color:var(--dim);font-size:12px;margin-top:3px!important}html:root .playhead .aside,.playmenu>summary,html:root .catchnow,html:root .autonow{width:40px;height:40px;color:var(--dim);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;font-size:22px;line-height:1;list-style:none;display:grid}.playmenu>summary::-webkit-details-marker{display:none}html:root .playhead .aside:is(:hover,:focus-visible),.playmenu>summary:is(:hover,:focus-visible),.playmenu[open]>summary,html:root .catchnow:is(:hover,:focus-visible),html:root .autonow:is(:hover,:focus-visible){color:var(--ink);background:color-mix(in srgb, var(--ink) 12%, transparent)}.chev{border-bottom:2px solid;border-right:2px solid;width:10px;height:10px;transform:translateY(-3px)rotate(45deg)}.playmenu{justify-self:end;position:relative}.playtools{z-index:6;background:var(--paper);border:1px solid color-mix(in srgb, var(--ink) 18%, transparent);border-radius:10px;gap:2px;min-width:200px;padding:6px;display:grid;position:absolute;top:46px;right:0;box-shadow:0 10px 28px #00000073}@media (width<=699px){.playtools{z-index:40;min-width:0;padding:10px max(12px, env(safe-area-inset-right,0px)) calc(14px + env(safe-area-inset-bottom,0px)) max(12px, env(safe-area-inset-left,0px));border-radius:18px 18px 0 0;gap:0;position:fixed;inset:auto 0 0;box-shadow:0 -12px 40px #00000059}.playtools:before{content:"";background:color-mix(in srgb, var(--ink) 25%, transparent);border-radius:2px;justify-self:center;width:36px;height:4px;margin:0 0 8px}}ol.segs{gap:3px;margin:0;padding:0;list-style:none;display:flex}ol.segs li{background:color-mix(in srgb, var(--ink) 16%, transparent);border-radius:2px;flex:1;height:3px}ol.segs li.done{background:color-mix(in srgb, var(--ink) 55%, transparent)}ol.segs li.now{background:var(--ink)}@media (width<=699px){html.stillmode #win{margin-top:12px}}.partpicker{gap:6px;margin:6px 0 14px;display:grid}.partpicker .known{margin:0}.partfind{width:100%;max-width:22em;min-height:36px;font:15px var(--ui);color:var(--ink);background:var(--paper);border:1px solid var(--rule);border-radius:8px;padding:6px 10px}@media (width<=560px){.known{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.kcard{grid-template-columns:auto minmax(0,1fr);min-width:0}.kcard .kname{overflow-wrap:anywhere}}@media (width<=699px){html.stillmode #win{-webkit-backdrop-filter:none}html.stillmode #player>.stepnav{z-index:27;min-height:var(--stepnav-h);box-sizing:border-box;padding:8px max(16px, env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));background:var(--paper);border-top:1px solid var(--rule);flex-wrap:nowrap;align-items:center;margin:0;position:fixed;bottom:0;left:0;right:0}}#player>.stepnav{align-items:center;gap:var(--sp-3)}#player>.stepnav #nextbtn:not(.iconbtn){margin-left:auto}#player>.stepnav .iconbtn.navbtn{width:52px;height:52px}#player>.stepnav #nextbtn.iconbtn{margin-left:auto}@media (width<=699px){html.stillmode:has(#player) body{padding:env(safe-area-inset-top,0px) 0 var(--tabbar-h);background:var(--stillpaper,var(--paper))}html.stillmode #win{box-shadow:none;min-height:calc(100dvh - var(--tabbar-h) - env(safe-area-inset-top,0px));background:var(--stillpaper,var(--paper));border-radius:0;margin:0}html.stillmode[data-look=still]{--stillpaper:#0c0e14}html.stillmode[data-look=platinum]{--stillpaper:#fff}html.stillmode #win>.wbody{padding:18px max(20px, env(safe-area-inset-right,0px)) 24px max(20px, env(safe-area-inset-left,0px))}html.stillmode #player>.stepnav{background:var(--stillpaper,var(--paper));border-top:0}}html.stillmode #player details.why.corner{opacity:.7;display:block}.stepcontrols{display:contents}.automove{gap:4px;display:grid}.stepfoot{justify-items:start;gap:6px;margin-top:10px;display:grid}.automove .autobar{background:color-mix(in srgb, var(--ink) 12%, transparent);border-radius:2px;height:3px;display:block;overflow:hidden}.automove .autofill{background:var(--ink);opacity:.5;width:0;height:100%;transition:width .25s linear;display:block}.automove.stopped .autobar{opacity:.4}@media (prefers-reduced-motion:reduce){.automove .autofill{transition:none}}.homework{border-left:3px solid var(--rule);margin:0 0 12px;padding:4px 0 4px 12px}.homework p{margin:2px 0}.donescreen{justify-items:start;gap:10px;padding:8px 0 4px;display:grid}.donescreen .donecover{aspect-ratio:1;object-fit:cover;width:100%;max-width:280px;margin:0 0 var(--sp-3);border-radius:6px;justify-self:center}.donescreen h2{margin:0}.donescreen p{max-width:34em;margin:0}.donescreen .donefacts{font:15px var(--ui);color:var(--dim)}.donescreen .row{margin-top:8px}#player .silencecard{align-content:center;min-height:min(46vh,420px);display:grid}#player .silencesays{font:clamp(1.2rem, 2.2vw, 1.4rem)/1.6 var(--read);text-wrap:pretty;max-width:26em;margin:0}html.silence.dim :is(.menubar,.sourcelist,.tabbar,#win>.titlebar,#win>.info){opacity:.18}@media (prefers-reduced-motion:no-preference){html.silence :is(.menubar,.sourcelist,.tabbar,#win>.titlebar,#win>.info){transition:opacity 2.5s}}.catchnow svg,.autonow svg{width:20px;height:20px}html:root .playright button.catchnow,html:root .playright button.autonow{width:40px;height:40px;color:var(--dim);border:0}html:root .playright button.autonow[aria-pressed=true],html:root .playright button:is(.catchnow,.autonow):is(:hover,:focus-visible){color:var(--ink)}#player .threshold{font:1.3rem/1.45 var(--read);max-width:26em;color:color-mix(in srgb, var(--ink) 86%, transparent);text-wrap:balance;margin:2px 0 22px}.begindock{justify-items:start;margin:18px 0 0;display:grid}#player .threshold+.begindock{margin-top:4px}:root button.beginbtn{letter-spacing:.01em;border-radius:999px;gap:10px;width:min(100%,22rem);min-height:56px;padding:14px 28px;font-size:17px;box-shadow:0 8px 22px #00000029}.beginbtn .beginmins{opacity:.7;font-weight:500}.beginbtn .beginmins:before{content:"·";margin-right:10px}.beginsays{font:1.15rem var(--read);margin:0 0 12px}#player .begindock+.linkish,.begindock .linkish{color:var(--dim);font:14px var(--ui);text-underline-offset:4px;margin:12px 0 0}#player .beginnote{max-width:30em;font:13px/1.45 var(--ui);margin:10px 0 0}@media (width<=699px){.begindock{bottom:calc(var(--tabbar-h) + 12px);z-index:4;justify-items:stretch;position:sticky}:root button.beginbtn{width:100%}#player .begindock+.linkish{margin:14px auto 0;display:block}#player .beginnote{text-align:center;margin-inline:auto}}.introlist{--hair:color-mix(in srgb, var(--ink) 13%, transparent);border-top:1px solid var(--hair);max-width:36rem;margin:30px 0 0}.foldrow{--hair:color-mix(in srgb, var(--ink) 13%, transparent)}.introrow{grid-template-columns:var(--rowlabel-w,7.5rem) minmax(0, 1fr) 14px;box-sizing:border-box;border-bottom:1px solid var(--hair);min-height:52px;font:15px var(--ui);color:var(--ink);text-align:left;align-items:center;column-gap:12px;padding:6px 4px;display:grid}.introrow .rowlabel{color:var(--dim);font-size:14px}.introrow .rowvalue{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.rowparts{vertical-align:middle;align-items:center;gap:6px;max-width:100%;display:inline-flex}.rowparts>span:not(.critter){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.rowparts .critter{border-radius:50%}.rowparts .critter+span~.critter{margin-left:8px}.rowlink{color:var(--dim);margin-left:12px}.foldrow>summary{cursor:pointer;list-style:none}.foldrow>summary::-webkit-details-marker{display:none}:is(.foldrow>summary,button.soundrow):after{content:"";border-right:1.5px solid var(--dim);border-bottom:1.5px solid var(--dim);justify-self:end;width:7px;height:7px;transform:rotate(-45deg)}.foldrow[open]>summary:after{transform:rotate(45deg)translate(-2px,-2px)}.foldrow[open]>summary{border-bottom-color:#0000}.foldrow>.foldbody{border-bottom:1px solid var(--hair);justify-items:start;gap:8px;padding:2px 4px 16px;display:grid}:is(.foldrow>summary,button.introrow):hover{background:color-mix(in srgb, var(--ink) 4%, transparent)}:root button.introrow{border:0;border-bottom:1px solid var(--hair);width:100%;min-height:52px;color:var(--ink);font:15px var(--ui);background:0 0;border-radius:0;justify-content:stretch;display:grid}:root button.introrow:active{background:color-mix(in srgb, var(--ink) 8%, transparent);color:var(--ink)}.paceopts>summary .rowvalue{white-space:normal;-webkit-line-clamp:2;color:var(--dim);-webkit-box-orient:vertical;font-size:13px;display:-webkit-box}#player .paceopts #walk-status{margin:0}.introrow.paceseg{grid-template-columns:var(--rowlabel-w,7.5rem) minmax(0, 1fr);padding:10px 4px}#player .pace.seg{background:color-mix(in srgb, var(--ink) 7%, transparent);border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;margin:0;padding:3px;display:grid}#player .pace.seg .chip{min-height:44px;color:var(--ink);box-shadow:none;font:13px var(--ui);background:0 0;border:0;border-radius:9px;flex-direction:column;justify-content:center;gap:1px;padding:5px 4px}#player .pace.seg .chip[aria-pressed=true]{background:var(--paper);box-shadow:0 1px 4px #0000002e}:root[data-look=still] #player .pace.seg .chip[aria-pressed=true]{background:color-mix(in srgb, var(--ink) 20%, transparent);box-shadow:none}.pace.seg .segword{font-weight:600}.pace.seg .segmins{color:var(--dim);font-size:11px}#player .paceseg .pacesays{grid-column:2;margin:6px 0 0;font-size:12px}@media (width<=420px){.introrow{--rowlabel-w:6.2rem}.introrow.paceseg{grid-template-columns:minmax(0,1fr);row-gap:8px}#player .paceseg .pacesays{grid-column:1}}.foldbody .partpicker,.foldbody .known{margin:0}.foldbody .known{flex-wrap:wrap;gap:6px;display:flex}.foldbody .kcard{border-radius:999px;grid-template-columns:auto auto;column-gap:6px;min-height:36px;padding:3px 12px 3px 3px}.foldbody .kcard .critter{border-radius:50%;grid-row:auto;width:22px;height:22px;padding:1px}.foldbody .kcard .kjob{display:none}.foldbody .kcard .kname{text-overflow:ellipsis;white-space:nowrap;max-width:13em;font-weight:500;overflow:hidden}.foldbody>.optrow{grid-template-columns:minmax(0,1fr);margin:0}.foldbody>.optrow>*{grid-column:1}.foldbody>.optrow>.optlabel{display:none}#player .introfoot{margin:18px 0 0}.foldrow#trail-fold .rowvalue{white-space:normal;overflow-wrap:anywhere}
