.bld-page .view{gap:1rem;display:grid}.side-controls>[data-for],.side-info>[data-for]{flex-direction:column;gap:.6rem;display:flex}.side-controls>[data-for]{gap:.5rem}[data-for]:empty,html:not([data-bld-view=guide]) :is(#view-guide,[data-for=guide]){display:none}.side-info p{margin:0}.side-info table{font-size:.9rem}.side-info td,.side-info th{padding:.2rem .8rem .2rem 0}.side-info td:first-child,.side-info th:first-child{padding-left:.5rem}.side-info th,.memo-recent th{color:var(--sub);text-align:left;font-size:.8rem;font-weight:500}.tally{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.tally>div{display:grid}.tally b{font-family:var(--mono);color:var(--main);font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:400}.setup-q .letter,.setup-in,.scr-in,.memo-letters,.pair b,.solution,table.weak td,table.steps td,.memo-recent td{font-family:var(--mono)}.net{width:100%;height:auto;display:block}.net rect{rx:.1px;stroke:#0000;stroke-width:.07px;transition:opacity .15s}.net text{text-anchor:middle;dominant-baseline:central;fill:#1d1e20;pointer-events:none;font-family:inherit;font-size:.42px}.net .c-U{fill:var(--cube-D)}.net .c-D{fill:var(--cube-U)}.net .c-F{fill:var(--cube-F)}.net .c-B{fill:var(--cube-B)}.net .c-R{fill:var(--cube-L)}.net .c-L{fill:var(--cube-R)}.net .dim rect{opacity:.22}.net .sib rect{opacity:.6}.net .buf rect{stroke:var(--text);stroke-dasharray:.1 .08;stroke-width:.06px}.net .hl rect{stroke:var(--main);stroke-width:.12px;animation:1.4s ease-in-out infinite lit}.net .spot rect{stroke:var(--sub);stroke-width:.08px}@keyframes lit{50%{stroke:var(--text)}}.drill-net{justify-self:center}#view-scheme .net g.edge,#view-scheme .net g.corner{cursor:pointer}#view-scheme .net g.corner text{font-weight:700}#view-scheme .net g:hover rect{stroke:var(--sub)}.drill{justify-items:center;gap:1rem;display:grid}.prompt{text-align:center;min-height:1.6em;font-size:1.15rem}.big{color:var(--text);font-size:1.25em}table.weak td{padding:.15rem 1rem .15rem 0}table.weak td.big{color:var(--main)}.setup-q{text-align:center}.setup-q .letter{color:var(--main);font-size:5rem;line-height:1}.setup-in{font:inherit;text-align:center;border:0;border-bottom:3px solid var(--sub);width:min(100%,22ch);color:var(--text);caret-color:var(--main);background:0 0;padding:.25rem;font-size:1.6rem}.setup-in::placeholder{font:1rem var(--sans);letter-spacing:0}.setup-in.wide{letter-spacing:.1em;width:min(100%,40ch)}.setup-in:focus{border-color:var(--main);outline:none}.scr-in{resize:vertical;border:0;border-bottom:3px solid var(--sub);color:var(--text);caret-color:var(--main);word-spacing:.2em;background:0 0;padding:.25rem 0;font-size:.95rem;line-height:1.5}.scr-in:focus{border-color:var(--main);outline:0}.reveal{font-size:1rem}#view-trace{--fit:min(100cqh - 20rem, 100cqw);align-content:center;justify-items:center;min-height:100%}#view-trace .scr-in{field-sizing:content;resize:none;text-align:center;width:min(100%,46ch);font-family:var(--mono);border-bottom-color:var(--line);font-size:1.1rem}.trace-body,.t-side{justify-items:center;gap:1rem;width:100%;display:grid}.t-full{width:min(100%,46ch)}.t-full summary{color:var(--sub);cursor:pointer;text-align:center;padding:.3rem 0}.t-full summary:hover{color:var(--text)}.memo-sum{gap:.3rem;display:grid}.memo-sum>div{grid-template-columns:9ch minmax(0,1fr);align-items:baseline;column-gap:.5em;display:grid}.memo-sum>div>:not(.k){grid-column:2}.memo-sum>.small{display:block}.memo-sum .dim{white-space:nowrap}.memo-letters{color:var(--text);word-spacing:.4em;letter-spacing:.06em;font-size:1.25rem}.memo-letters b{font-weight:400}.brk{text-decoration:underline;-webkit-text-decoration-color:var(--main);text-decoration-color:var(--main);text-underline-offset:5px}.small{font-size:.8rem}.step-nav{gap:.25rem;display:flex}.step-nav button{min-width:3rem}.step-text{text-align:center;min-height:3.2em;line-height:1.6}.step-text b{color:var(--main);font-weight:400}.tag{color:var(--bg);background:var(--sub);border-radius:var(--r-s);margin-left:.4rem;padding:0 .35em;font-size:.75rem}table.steps{width:100%}table.steps tr[data-step]{cursor:pointer}table.steps tr[data-step]:hover td{color:var(--main)}table.steps tr.on td{background:var(--alt)}table.steps tr.on td:first-child{box-shadow:inset 3px 0 0 var(--main)}.solution{white-space:pre-line;word-spacing:.25em;color:var(--text);-webkit-user-select:all;user-select:all;line-height:1.7}.memo{align-content:center;justify-items:center;gap:1.25rem;min-height:12rem;display:grid}.memo-go{background:var(--bg);justify-self:stretch;justify-items:center;gap:1.25rem;padding-block:.5rem;display:grid;position:sticky;bottom:0}.memo-start{padding:.45em 1.6em;font-size:clamp(1.6rem,max(4.5cqw,3cqh),3.2rem)}.memo-recent{font-size:.9rem}.memo-recent td,.memo-recent th{padding:.12rem 1.4rem .12rem 0}.side-info table.stats{font-size:.95rem}.side-info table.stats th{padding:.12rem 1.2rem .12rem 0}.side-info table.stats thead th{font-size:.75rem}.side-info table.stats tbody th{font-size:.85rem}.side-info table.stats td{color:var(--main);padding:.12rem 1.4rem .12rem 0}.side-info table.stats :is(th,td):first-child,.side-info .memo-recent :is(th,td):first-child{padding-left:0}.pairs{gap:1rem;display:grid}.pairs .row{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.6rem 1.4rem;display:flex}.pairs .row .k{min-width:7ch}.pair{justify-items:center;display:inline-grid}.pair b{color:var(--text);letter-spacing:.08em;font-size:2.4rem;font-weight:400;line-height:1.2}.pair i{color:var(--sub);min-height:1.2em;font-size:.8rem;font-style:normal}.pair.good b{color:var(--ok)}.pair.bad b{color:var(--err)}.pair b[data-pair]{cursor:pointer}.pair b[data-pair]:hover{text-decoration:underline;-webkit-text-decoration-color:var(--sub);text-decoration-color:var(--sub);text-underline-offset:6px}:is(.pair-img,.img-fields input){font:inherit;border:0;border-bottom:2px solid var(--line);color:var(--text);caret-color:var(--main);background:0 0;padding:.2rem 0}:is(.pair-img,.img-fields input):focus{border-color:var(--main);outline:0}.pair-img{text-align:center;width:12ch;font-size:.85rem}#view-images{align-content:start}#view-images,#view-memo{--s:clamp(200px, var(--fit) - 24rem, 340px)}.pair-3d twisty-player{width:var(--s);height:var(--s);margin:0 auto}.img-fields{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.6rem 1.6rem;display:grid}.img-fields label{align-items:baseline;gap:.8rem;display:flex}.img-fields b{font-family:var(--mono);color:var(--main);letter-spacing:.06em;font-size:1.15rem;font-weight:400}.img-fields input{flex:1;min-width:0}[data-first] small{color:var(--sub);font-size:.65rem;display:block}code{color:var(--main)}.guide{line-height:1.65}.guide ol{gap:.45rem;margin:0 0 1rem;padding-left:1.4rem;display:grid}.guide p{margin:0 0 .5rem}.guide .link{color:var(--main)}.walk-pick{flex-direction:column;gap:.5rem;display:flex}.side-controls .walk-pick .pill>button:not([data-orbit]){flex:0 0 calc(12.5% - 2px);padding:5px 0}.walk{text-align:center;justify-items:center;gap:1rem;display:grid}.walk twisty-player{--s:clamp(280px, var(--fit) - 12rem, 900px);width:var(--s);height:var(--s)}.cube-switch{grid-template-columns:none;grid-auto-columns:1fr;grid-auto-flow:column}.walk-title{justify-content:center;align-items:baseline;gap:.8rem;margin-bottom:.8rem;display:flex}.walk-title .letter{color:var(--main);font-size:2.2rem}.walk-phases{gap:.4rem;width:min(100%,34rem);margin:0 auto .8rem;display:grid}.walk-phases button{text-align:left;grid-template-columns:3.2rem minmax(0,1fr);align-items:baseline;gap:.75rem;padding:.5rem .8rem;display:grid}.walk-phases button[data-phase=all]{justify-self:center;display:inline-flex}.walk-phases code{color:var(--sub);word-spacing:.15em}.walk-phases button.live{border-color:color-mix(in srgb, var(--main) 45%, transparent)}.walk-phases .mv{transition:color .12s}.walk-phases .mv.done{color:var(--text)}.walk-phases .mv.now{color:var(--main);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}.bld-page .view{--fit:min(100cqh - 5rem, 100cqw)}.drill-net{width:min(100%, var(--fit) * 4 / 3)}.drill-3d twisty-player{width:var(--fit);height:var(--fit);margin:0 auto}.drill-net.small{width:min(100%, (var(--fit) - 11rem) * 4 / 3)}.player twisty-player,.own twisty-player{width:var(--fit);height:var(--fit)}.own{justify-items:center;gap:1rem;width:100%;display:grid}.ref{border-collapse:collapse;margin:.25rem 0 .75rem;font-size:.8rem}#view-guide .how{grid-template-columns:repeat(auto-fit,minmax(min(100%,26rem),1fr));align-content:start;align-items:start;gap:1rem;display:grid}#view-guide .hold{max-width:24rem}#view-guide .ref{margin:0;font-size:.9rem}#how-letters p{margin:0}.ref th{text-align:left;vertical-align:top;color:var(--sub);white-space:nowrap;padding:.4rem .8rem .4rem 0;font-weight:500}.ref td{padding:.4rem 0;line-height:1.55}.ref tr+tr>*{border-top:1px solid var(--line)}#view-guide,#view-scheme,#view-letters,#view-setups,#view-memo{align-content:center;min-height:100%}.hold{width:100%;margin-bottom:.25rem}.hold:empty{aspect-ratio:320/241}.net .fname{text-anchor:middle;dominant-baseline:central;fill:var(--text);paint-order:stroke;stroke:var(--bg);stroke-width:.08px;pointer-events:none;font-size:.38px;font-weight:600}.keypad{display:none}@media (pointer:coarse){.memo-key{display:none}#view-letters{--fit:min(100cqh - 18rem, 100cqw)}.keypad{grid-template-columns:repeat(7,1fr);gap:4px;width:min(100%,420px);display:grid}.keypad button{height:44px;font-family:var(--mono);touch-action:manipulation;padding:0;font-size:1.1rem}.keypad button:active{color:var(--main)}.keypad .done{grid-column:span 2;font-family:inherit;font-size:.9rem}#view-scheme .keypad{justify-self:center;scroll-margin-bottom:4.5rem}:is([data-cube="4"],[data-cube="5"]) #view-scheme .drill-net{overflow-x:auto}:is([data-cube="4"],[data-cube="5"]) #view-scheme .net{min-width:40rem}:is(.pair-img,.img-fields input){font-size:16px}}@media (max-width:760px){.memo-go{bottom:var(--nav-h)}#view-images .pair-3d{z-index:1;background:var(--bg);position:sticky;top:2.75rem}#view-images .img-fields input{scroll-margin-top:calc(var(--s) + 4rem)}}@media (min-width:1001px) and (min-height:561px){#view-images .pair-3d{z-index:1;background:var(--bg);position:sticky;top:-1.5rem}#view-guide{--fit:min(100cqh - 5rem, 100cqw - 30rem);grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) clamp(26rem,38%,32rem);align-items:center;gap:2rem;height:100cqh;min-height:0}#view-guide .how{scrollbar-width:thin;scrollbar-color:var(--line) transparent;grid-template-columns:minmax(0,1fr);max-height:100%;overflow-y:auto}#view-guide .how .page-cell{padding:1.25rem}#view-guide .hold{max-width:15rem}#view-guide .how{align-content:start;align-self:stretch}.how:not([data-show=letters])>#how-letters,.how[data-show=letters]>.page-cell:not(#how-letters),.how-pick [data-how=hold]{display:none}#view-trace{--fit:min(100cqh - 9rem, (100cqw - 24rem) * .75)}.trace-body{grid-template-columns:auto minmax(22rem,1fr);align-items:center;column-gap:2rem}#t-sum{max-width:36rem}.trace-body>#state-net{width:calc(var(--fit) * 4 / 3)}:is([data-cube="4"],[data-cube="5"]) #view-trace{--fit:min(100cqh - 12rem, (100cqw - 24rem) * .75)}:is([data-cube="4"],[data-cube="5"]) #view-trace .scr-in{width:100%;font-size:1rem}:is([data-cube="4"],[data-cube="5"]) .memo-sum>div{display:block}:is([data-cube="4"],[data-cube="5"]) .memo-sum .memo-letters{word-spacing:.2em;font-size:1rem}:is([data-cube="4"],[data-cube="5"]) .pairs{gap:.4rem}:is([data-cube="4"],[data-cube="5"]) .pairs .row{gap:.2rem .9rem}:is([data-cube="4"],[data-cube="5"]) .pair b{font-size:1.35rem}:is([data-cube="4"],[data-cube="5"]) .pair i{font-size:.72rem}:is([data-cube="4"],[data-cube="5"]) .memo-start{font-size:clamp(1.4rem,3cqh,2.4rem)}#view-images,#view-memo{--s:clamp(120px, var(--fit) - 24rem, 640px)}#view-setups:has(>.walk:not([hidden])){grid-template-rows:auto minmax(0,1fr);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}#view-setups>:first-child{grid-row:span 2;align-self:center}#view-guide .walk twisty-player{--s:clamp(160px, var(--fit) - 12rem, 900px)}#view-setups .walk twisty-player{--s:clamp(160px, min(100cqh - 22rem, 50cqw - 2rem), 900px)}html:is([data-bld-view=trace],[data-bld-view=letters],[data-bld-view=setups],[data-bld-view=memo]) .side-info,.side-info>:is([data-for=trace],[data-for=letters],[data-for=setups],[data-for=memo]),.t-answer{flex:1 1 0;min-height:0}.fit-box{flex:0 auto;min-height:0;overflow:hidden}.side-controls>[data-for]{flex-flow:wrap;column-gap:.5rem}.side-controls>[data-for]>*{flex:100%}.side-controls>[data-for]>.pill:not(:has(>button:nth-of-type(3),.confirm)){flex:auto}.t-answer{flex-direction:column;gap:.4rem;display:flex}.t-steps{flex:1 1 0;min-height:0;overflow:hidden}@container stage (orientation:portrait) and (height>=1400px){#view-guide{--fit:min(100cqh - 50rem, 100cqw);grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);align-content:center;height:auto;min-height:100%}#view-guide .how{max-height:none;overflow:visible}#view-trace,:is([data-cube="4"],[data-cube="5"]) #view-trace{--fit:min(100cqh - 28rem, 100cqw * .75)}.trace-body{grid-template-columns:minmax(0,1fr)}.trace-body>#state-net.tall{width:min(100cqw,75cqh - 21rem)}#view-images{--s:min(80cqw, 100cqh - 50rem);align-content:center;min-height:100%}.img-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.8rem 2.5rem;font-size:1.2rem}.img-fields b{font-size:1.4rem}}@container stage (orientation:landscape){#view-memo:has(>.pair-3d:not([hidden])){--s:clamp(120px, min(100cqh - 4rem, 40cqw), 1000px);grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:2rem}}@container stage (orientation:landscape) and (width>=1400px){#view-images:has(>.pair-3d:not([hidden])){--s:min(100cqh - 2rem, 45cqw);grid-template-columns:auto minmax(0,1fr);align-content:center;align-items:center;column-gap:3rem;min-height:100%}#view-images:has(>.pair-3d:not([hidden])) .img-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem 2.5rem;font-size:1.15rem}}@container stage (width<=760px){#view-guide{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:1rem}.walk-phases button{grid-template-columns:2.6rem minmax(0,1fr);gap:.5rem;padding:.3rem .5rem;font-size:.8rem}.walk-phases code{word-spacing:0}.walk-title{margin-bottom:.3rem}#view-guide .how .page-cell{padding:.8rem}#view-guide .how .ref{font-size:.74rem}#view-guide .how .ref :is(th,td){padding-block:.15rem;line-height:1.35}#view-guide .how .page-cell p{font-size:.74rem}#view-memo :is(.memo,.memo-go){gap:.5rem}.trace-body{grid-template-columns:auto minmax(18rem,1fr);column-gap:1rem}#view-trace{--fit:min(100cqh - 9rem, (100cqw - 19rem) * .75)}:is([data-cube="4"],[data-cube="5"]) #view-trace{--fit:min(100cqh - 12rem, (100cqw - 19rem) * .75)}#view-trace .scr-in{font-size:.85rem;line-height:1.35}.step-text{min-height:0;font-size:.95rem}.step-text .kb,:is([data-cube="4"],[data-cube="5"]) .t-full{display:none}.memo-sum .memo-letters,:is([data-cube="4"],[data-cube="5"]) .memo-sum .memo-letters{font-size:.85rem}.img-fields{grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:.5rem 1rem}.img-fields label{gap:.4rem}:is([data-cube="4"],[data-cube="5"]) .pair b{font-size:1.2rem}:is([data-cube="4"],[data-cube="5"]) .pair i{font-size:.65rem}:is([data-cube="4"],[data-cube="5"]) .pairs .row{gap:.1rem .7rem}}@container stage (height<=800px){:is([data-cube="4"],[data-cube="5"]) #view-memo:has(b[data-pair]){grid-template-columns:minmax(0,1fr)}:is([data-cube="4"],[data-cube="5"]) #view-memo:has(b[data-pair]) .pair-3d{display:none}:is([data-cube="4"],[data-cube="5"]) #view-memo:has(>.pair-3d:not([hidden])){--s:clamp(120px, min(100cqh - 4rem, 30cqw), 640px)}}@container stage (width<=760px) and (height<=620px){#view-memo .pair-3d{display:none}#view-memo:has(>.pair-3d:not([hidden])){grid-template-columns:minmax(0,1fr)}}}@media (min-width:1001px) and (min-height:561px) and (max-height:1100px){.how-pick [data-how=hold]{display:flex}.how[data-show=hold] .page-cell>div>p{display:none}.how:not([data-show=hold]) tr:has(.hold){display:none}.how[data-show=hold] tr:not(:has(.hold)){display:none}#view-guide .how[data-show=hold] .hold{max-width:100%}}@media (min-width:1001px) and (max-width:1100px){.bld-page nav.tabs button{gap:5px;padding-inline:.55rem}.bld-page nav.tabs button:not(.on){gap:0;font-size:0}}@media (min-width:1001px) and (min-height:561px) and (max-height:760px){.img-intro{display:none}.side-info .guide{font-size:.85rem}.memo-go{padding-block:.2rem}.memo-start{padding:.35em 1.4em}.side-controls .walk-pick .pill>button[data-orbit]{padding-inline:3px;font-size:.75rem}}@media (min-width:1001px) and (min-height:561px) and (max-height:920px){#view-guide .how{gap:.6rem}.side-info .guide{line-height:1.4}.side-info .guide ol{gap:.15rem;margin-bottom:0}.t-side{gap:.5rem}.memo-sum{gap:.1rem;line-height:1.4}.memo,.memo-go{gap:.75rem}.side-controls .walk-pick .pill>button:not([data-orbit]){padding-block:3px}#view-guide .how .page-cell{gap:.4rem;padding:1rem 1.1rem}#view-guide .how h2{font-size:1rem}#view-guide .hold{max-width:8rem}#view-guide .ref+p{display:none}#view-guide .ref{font-size:.82rem}#view-guide .ref :is(th,td){padding-block:.22rem;line-height:1.4}#view-guide .page-cell p{font-size:.82rem;line-height:1.45}}@media not ((min-width:1001px) and (min-height:561px)){.how-pick{display:none}#view-trace,#view-letters{--fit:min(100svh - 8rem, 100cqw)}#walk{scroll-margin:6.5rem 0 4.5rem}}@media (max-width:1000px){html:is([data-bld-view=scheme],[data-bld-view=letters],[data-bld-view=setups],[data-bld-view=memo]) .side-controls:not(.open)>:not(.fold),html:not([data-bld-view=scheme],[data-bld-view=letters],[data-bld-view=setups],[data-bld-view=memo]) .fold{display:none}}