.timer-stage{grid-template-rows:minmax(0,1fr) auto;padding-block:0;display:grid;overflow:hidden}.side-info .k{margin-bottom:-.75rem}.side-info:has(.solves){overflow:hidden}.timer-page .side-controls{flex:none}.entry,.scr-text,.split,.pb,.lastbar,.summary td,.solves td,.d-time,.d-scr{font-family:var(--mono)}.timer-page header,.timer-page nav.tabs,.scramble,.side-controls,.side-info,.charts,.preview,.lastbar,.pb,.scr-nav{transition:opacity .18s}body.focus header,body.focus nav.tabs,body.focus .scramble,body.focus .side-controls,body.focus .side-info,body.focus .charts,body.focus .preview,body.focus .lastbar,body.focus .pb{opacity:0;pointer-events:none}#cancel{right:1rem;top:calc(env(safe-area-inset-top) + 1rem);z-index:7;position:fixed}body.focus #cancel{opacity:1;pointer-events:auto}body.focus{cursor:none}.config select,.sess-name{background:var(--bg);border:1px solid var(--line);color:var(--text);font:inherit;border-radius:var(--r-s);cursor:pointer;max-width:16rem;padding:.3rem .4rem}.sess-name:focus-visible{outline:2px solid var(--main);outline-offset:1px}.config select option{background:var(--alt);color:var(--text)}.sess-name{cursor:text;caret-color:var(--main)}.timer-page .config{min-height:347px}.config select,.sess-name{flex:1;min-width:0;max-width:none}.config .pill select{background:0 0;border-color:#0000}.config .pill.sess>:is(select,input){flex:1 1 0}.config .pill.sess>button{flex:none}#stage{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;grid-template-rows:auto minmax(0,1fr);justify-items:center;gap:.5rem;min-height:0;padding-top:1.5rem;display:grid}.scramble{text-align:center;align-content:start;gap:.35rem;width:100%;max-width:1200px;min-height:7.5rem;display:grid}.scr-bar{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.scr-nav{font-size:.8rem}.scr-nav span{font-family:var(--mono);text-align:center;min-width:3.5ch}.scr-text{color:var(--text);white-space:pre-line;word-spacing:.3em;-webkit-user-select:text;user-select:text;line-height:1.5}html:not(.no-viz) .scr-text,html:not(.no-viz) .d-scr{cursor:pointer}.scr-text[data-size=l]{font-size:1.75rem}.scr-text[data-size=m]{font-size:1.35rem}.scr-text[data-size=s]{font-size:1.08rem}.scr-text[data-size=xs]{font-size:.92rem;line-height:1.45}.scr-wr{font-size:.85rem}.scr-wr:empty{display:none}.scr-text.dim{color:var(--sub);animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.4}}.pad{align-content:center;place-items:center;gap:.25rem;width:100%;min-height:0;padding:1rem 0;display:grid;overflow:hidden}.time{font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--text);font-size:clamp(3.5rem,min(13vw,17dvh),9.5rem);line-height:1;transition:color .1s}.time[data-state=hold]{color:var(--err)}.time[data-state=ready]{color:var(--ok)}.time[data-state=arm],.time[data-state=inspect]{color:var(--main)}.time[data-state=inspect][data-warn=warn]{color:color-mix(in srgb, var(--main) 50%, var(--err))}.time[data-state=inspect][data-warn=late]{color:var(--err)}body.focus .time[data-state=run]{color:var(--text)}.entry{font:inherit;text-align:center;border:0;border-bottom:3px solid var(--sub);width:min(100%,14ch);color:var(--text);caret-color:var(--main);-webkit-user-select:text;user-select:text;background:0 0;padding:.2rem 0;font-size:clamp(2.5rem,8vw,5rem)}.entry:focus{border-color:var(--main);outline:0}.entry::placeholder{color:var(--sub);font-size:.35em}.pb{color:var(--main);min-height:1.5em;font-size:1.05rem}.split{color:var(--sub);white-space:pre;font-variant-numeric:tabular-nums;min-height:1.5em;font-size:1.1rem}.split:empty{display:none}.pb b{color:var(--sub);margin-left:.6rem;font-weight:400}.pb.flash{animation:1.6s pb}@keyframes pb{0%,30%{text-shadow:0 0 18px var(--main);transform:scale(1.15)}to{transform:none}}.lastbar{min-height:2.4rem}.summary{align-self:end;min-height:13.1rem}.summary table{font-size:.95rem}.summary th{color:var(--sub);text-align:left;padding:.12rem 1.2rem .12rem 0;font-weight:500}.summary thead th{font-size:.75rem}.summary tbody th{font-size:.85rem}.summary td{color:var(--text);padding:.12rem 1.4rem .12rem 0}.summary td+td{color:var(--main)}.summary td:first-child,.summary th:first-child{padding-left:0}.summary .meta{color:var(--sub);gap:1.5rem;margin-top:.4rem;font-size:.9rem;display:flex}.summary .meta b{color:var(--text);font-weight:400}.preview{--pv-h:min(210px, 24dvh);--pv-w:calc(var(--pv-h) * 4 / 3);box-sizing:content-box;min-height:var(--pv-h);background:var(--alt);border:1px solid var(--line);border-radius:var(--r);place-items:center;padding:.5rem;display:grid;position:relative}.preview twisty-player{width:var(--pv-w);height:var(--pv-h);cursor:grab}.check-open{position:absolute;top:.4rem;right:.4rem}.no-viz .check-open{position:static}.check-cube twisty-player{width:100%;height:min(360px,100dvh - 21rem)}.check-msg{text-align:center;color:var(--text)}:root:not(.no-viz) .preview{min-width:var(--pv-w)}.strip{grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:2rem;padding:.5rem 0 1rem;display:grid}.charts{min-width:0;min-height:83px}.charts[data-show=line] #hist,.charts[data-show=hist] #line,.charts[data-show=hist] .legend{display:none}.strip .tchart{height:min(200px,22dvh)}.strip>.preview{grid-column:3}.solves{flex:1;min-height:0;overflow:hidden}.solves table{width:100%;font-size:.9rem}.solves th{color:var(--sub);text-align:left;box-shadow:inset 0 -1px var(--line);font-size:.8rem;font-weight:500}.solves td,.solves th{padding:.22rem .6rem}.solves tbody tr{cursor:pointer}.solves tbody tr:nth-child(odd) td{background:var(--alt)}@media (hover:hover){.solves tbody tr:hover td{color:var(--main)}.tchart .hit:hover{fill:color-mix(in srgb, var(--sub) 14%, transparent)}.tchart .bar:hover rect:first-child{opacity:1}}.note-dot{color:var(--main)}.empty{color:var(--sub);padding:1rem 0;font-size:.9rem}.chart-head{flex-wrap:wrap;justify-content:space-between;align-items:center;row-gap:.25rem;margin-bottom:.25rem;display:flex}.legend{color:var(--sub);flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.8rem;display:flex}.legend i{border-top:2px solid;width:16px;height:0;margin-left:.6rem;display:inline-block}.legend .l-time{border-color:var(--sub)}.legend .l-ao5{border-color:var(--main)}.legend .l-ao12{border-color:var(--text);border-top-style:dashed}.tchart{width:100%;height:auto;display:block;overflow:visible}.tchart .grid{stroke:var(--line);stroke-width:1px}.tchart .axis{fill:var(--sub);font-size:12px;font-family:var(--mono)}.tchart path{fill:none;stroke-linejoin:round;stroke-linecap:round}.tchart .s-time{stroke:var(--sub);stroke-width:1.5px;opacity:.75}.tchart .pt{fill:var(--sub)}.tchart .s-ao5{stroke:var(--main);stroke-width:2px}.tchart .s-ao12{stroke:var(--text);stroke-width:2px;stroke-dasharray:5 4}.tchart .dnf{fill:var(--err);font-family:inherit;font-size:11px}.tchart .hit{fill:#0000;cursor:pointer}.tchart .bar rect:first-child{fill:var(--main);opacity:.85}.popup{z-index:16;overscroll-behavior:contain;background:#0000008c;padding:1rem;animation:.15s fade;display:grid;position:fixed;inset:0;overflow-y:auto}.popup .card{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);gap:.5rem;width:min(560px,100%);margin:auto;padding:1.5rem 1.75rem;display:grid;box-shadow:0 16px 48px #0006}[data-theme=osrs] .popup .card{border:3px solid #1b1712;border-radius:0;box-shadow:inset 0 0 0 1px #5d5446,0 16px 48px #00000080}.d-head{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.5rem;display:flex}.d-time{color:var(--main);font-variant-numeric:tabular-nums;font-size:2.6rem}.d-time.bad{color:var(--err)}.d-scr{color:var(--text);word-spacing:.25em;white-space:pre-line;line-height:1.5}.d-part{display:contents}.d-cube twisty-player{cursor:grab;width:100%;height:min(220px,28dvh)}.d-row{align-items:center;gap:.2rem;margin-top:.5rem;display:flex}.d-row .k{margin-right:.5rem}.d-row.end{flex-wrap:wrap;justify-content:flex-end;margin-top:1rem}.d-row.end .confirm{flex-basis:100%;justify-content:flex-end}.toast{z-index:20;font-size:.9rem;position:fixed;bottom:4.5rem;left:50%;transform:translate(-50%)}@media (min-width:1001px){.timer-page .side-info{flex:1 1 0;min-height:7rem}.pad{container-type:size}.time{font-size:clamp(3.5rem,min(24cqw,100cqh - 7rem),20rem)}.preview{--pv-h:clamp(150px, 30cqh, 520px)}.strip .tchart{height:clamp(150px,30cqh,520px)}}@container stage (orientation:portrait){.strip{grid-template-columns:auto minmax(0,1fr);gap:1rem 2rem}.strip>.preview{grid-area:1/1/auto/-1;justify-self:center}.preview{--pv-h:min(30cqh, (100cqw - 1rem - 2px) * 3 / 4)}.strip .tchart{height:auto}}@container stage (width<720px){.charts{display:none}.strip{grid-template-columns:auto auto;justify-content:space-between}.strip>.preview{grid-area:auto/2}}@media (max-height:560px){.timer-stage{overflow:visible}.pad{min-height:15rem}.solves{max-height:420px}}@media (max-width:1000px){.timer-page .config{min-height:2.7rem}.timer-page .config:not(.open)>:not(.fold){display:none}.timer-stage,.strip{display:contents}#stage{order:2}.pad{min-height:15rem}.preview{order:2;align-self:center}.summary{order:3}.timer-page .side-info{order:4}.charts{order:5}.strip .tchart{height:auto}.solves{max-height:420px}.side-controls{max-width:360px}}@media (max-width:1000px) and (max-height:560px){#stage{padding-top:.5rem}.scramble,.pad{min-height:0}.scr-text[data-size=l]{font-size:1.3rem}.scr-text[data-size=m]{font-size:1.1rem}}@media (max-width:760px){.toast{top:1rem;bottom:auto}.timer-page .config{gap:.35rem;font-size:.78rem}#stage{padding-top:.75rem}.preview{--pv-w:240px;--pv-h:180px}.pad{min-height:11rem}.scr-text[data-size=l]{font-size:1.3rem}.scr-text[data-size=m]{font-size:1.1rem}.scr-text[data-size=s]{font-size:1rem}.scr-text.rows{white-space:pre;word-spacing:0;font-size:min(.92rem,3.4vw)}}@media (pointer:coarse){.scr-text{-webkit-user-select:none;user-select:none}.solves td{padding-block:.55rem}}