.from-cubes{--uk-puzzle-distance:200svh;background:var(--muted)}.from-cubes__grid{grid-template-columns:repeat(2,1fr);gap:12px;width:100%;padding-inline:16px;display:grid}.from-cubes__cube{aspect-ratio:4/3;color:#fff;border-radius:12px;flex-direction:column;justify-content:center;gap:4px;padding:12px;display:flex}.from-cubes__cube code{color:inherit;overflow-wrap:anywhere;background:0 0;font-size:clamp(.625rem,1.2vw,.875rem)}@media (min-width:768px){.from-cubes__grid{grid-template-columns:repeat(4,1fr)}}.from-cubes__n{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:700;line-height:1}.from-cubes__time{background:#ffffff40;border-radius:3px;height:6px;margin-block-start:8px;position:relative}.from-cubes__time i{background:#fff;border-radius:3px;position:absolute;inset-block:0}
.mech-sk{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.mech-sk__moment{margin:0}.mech-sk__moment figcaption{text-align:center;margin-block-start:8px;font-size:.8125rem}.mech-sk__track{border:2px dashed color-mix(in oklch, var(--foreground) 45%, transparent);border-radius:10px;height:360px;padding:6px;position:relative}.mech-sk__name{overflow-wrap:anywhere;font:600 .6875rem/1.3 ui-monospace,monospace;display:block}.mech-sk__pane{inset-inline:6px;top:calc(26px + (100% - 26px - 150px - 6px) * var(--top) / 100);background:var(--muted);height:150px;box-shadow:inset 0 0 0 2px var(--primary);border-radius:8px;padding:6px;position:absolute;overflow:hidden}.mech-sk__row{gap:4px;display:flex;position:absolute;inset:auto 6px 8px}.mech-sk__piece{color:#fff;height:56px;translate:0 calc((1 - var(--in)) * 84px);background:#16a34a;border-radius:6px;flex:1;place-items:center;font:700 .875rem ui-monospace,monospace;display:grid}@media (max-width:639px){.mech-sk{gap:6px}.mech-sk__track{height:300px}.mech-sk__name{font-size:.5625rem}}